/* ============================================
   CENTRALIZED THEME CONFIGURATION
   Change your entire website theme by modifying the values in this file
   ============================================ */

/* ============================================
   ACTIVE THEME SELECTION
   Uncomment ONE of the @import statements below to activate a theme
   ============================================ */

/* DEFAULT: Earthy Theme (Currently Active) */
@import url('themes/theme-earthy.css');

/* Alternative themes - uncomment to activate (or use the theme switcher button!) */
/*@import url('themes/theme-modern.css');*/
/*@import url('themes/theme-dark.css');*/
/*@import url('themes/theme-ocean.css');*/
/*@import url('themes/theme-sunset.css');*/
/*@import url('themes/theme-lavender.css');*/
/*@import url('themes/theme-mint.css');*/
/*@import url('themes/theme-rose.css');*/
/*@import url('themes/theme-slate.css');*/

/* Note: You can also use the floating palette button on the website to switch themes! */ 

/* ============================================
   GLOBAL THEME OVERRIDES
   Modify specific theme variables here without changing the theme file
   ============================================ */

/* Example overrides (uncomment to use):
:root {
    --primary-bg: #your-custom-color;
    --primary-text: #your-custom-color;
}
*/

/* ============================================
   THEME QUICK REFERENCE
   All available CSS variables that can be customized
   ============================================ */

/*
COLOR VARIABLES:
--primary-bg              Main background color
--secondary-bg            Card/section backgrounds
--tertiary-bg             Alternative backgrounds
--dark-bg                 Dark sections/footer

--primary-text            Main text color
--secondary-text          Secondary/muted text
--light-text              Text on dark backgrounds
--heading-text            Heading color

--brand-primary           Main brand color
--brand-secondary         Secondary brand color
--brand-hover             Hover states
--brand-active            Active/clicked states

--success-color           Success states
--warning-color           Warning states
--error-color             Error states
--info-color              Info states

--border-color            Standard borders
--border-accent           Accent borders
--border-light            Light borders

SPACING & LAYOUT:
--transition-fast         Fast transitions (0.15s)
--transition-normal       Normal transitions (0.3s)
--transition-slow         Slow transitions (0.6s)

EFFECTS:
--shadow-light            Light box shadow
--shadow-medium           Medium box shadow
--shadow-dark             Dark box shadow
--overlay-light           Light overlay
--overlay-medium          Medium overlay
--overlay-dark            Dark overlay
*/