/* --- THEME DEFINITIONS --- */

/* Default Theme (Theme 1: Brown) */
:root {
    --primary-color: #3f2305;
    --secondary-color: #dfd7bf;
    --accent-color: #f2ead3;
    --background-color: #f5f5f5;
    
    /* We can derive some extra colors for text based on the theme */
    --text-on-primary: #f5f5f5; /* Text to be placed on a primary color background */
    --text-on-background: #3f2305; /* Default text color on the main background */
}

/* Theme 2: Forest & Olive Green */
.theme-green-1 {
    --primary-color: #123524;
    --secondary-color: #3e7b27;
    --accent-color: #85a947;
    --background-color: #efe3c2;

    --text-on-primary: #efe3c2;
    --text-on-background: #123524;
}

/* Theme 3: Forest & Sage Green */
.theme-green-2 {
    --primary-color: #0A400C;
    --secondary-color: #819067;
    --accent-color: #B1AB86;
    --background-color: #FEFAE0;

    --text-on-primary: #FEFAE0;
    --text-on-background: #0A400C;
}

/* --- END OF THEME DEFINITIONS --- */

/* Theme Color 1:
Rich Brown (#3f2305) - Primary buttons, text, and accents
Muted Taupe (#dfd7bf) - Secondary elements and hover states
Warm Cream (#f2ead3) - Muted elements and borders
Soft Cream (#f5f5f5) - Background and card surfaces
*/

/* Theme Color 2:
✅ Dark Forest Green (#123524) - Primary buttons, text, and accents
✅ Medium Green (#3e7b27) - Secondary elements and hover states
✅ Olive Green (#85a947) - Muted elements and borders
✅ Cream (#efe3c2) - Background and card surfaces 
*/

/* Theme Color 3:
✅ Dark Forest Green (#0A400C) - Primary buttons, navigation, and text
✅ Sage Green (#819067) - Accent elements and interactive states
✅ Olive Beige (#B1AB86) - Secondary buttons and muted elements
✅ Light Cream (#FEFAE0) - Background and card surfaces
*/