/* === Light Mode Colors (Default) === */
:root {
    /* === Pastel Color Palette === */
    --primary-bg: #FFFFFF;           /* Pure white background for main areas */
    --secondary-bg: #ffecd9;         /* Lighter Peach/Beige for secondary backgrounds */
    --card-bg: #FFFFFF;              /* White, used for cards and surfaces */
    --accent-color: #AED9E0;         /* Pastel Blue accent for highlights and buttons */
    --accent-hover: #9AC8D3;         /* Slightly darker blue for hover states */
    --text-dark: #000000;            /* Black for primary text (headers) for consistency with borders */
    --text-light: #7E7E7E;           /* Medium Gray for secondary text */
    --border-light: #EAEAEA;         /* Light Gray for borders and dividers */
    --logo-header-bg: #FFFFFF;       /* White background for logo/header area */
    --nav-bg: #000000;               /* Black background for navigation */
    --nav-text: #FFFFFF;             /* White text for navigation */
    --footer-bg: #000000;            /* Black background for footer */
    --footer-text: #FFFFFF;          /* White text for footer */

    /* === Category Colors (Light Mode) === */
    --category-konzerte: #FF6B6B;  /* Coral Red */
    --category-party: #FFD166;     /* Sunny Yellow */
    --category-theater: #06D6A0;   /* Emerald Green */
    --category-festival: #118AB2;  /* Pacific Blue */
    --category-vortrag: #E07A5F;   /* Terracotta */
    --category-markt: #3D405B;     /* Indigo Dye */
    --category-familie: #81B29A;   /* Cambridge Blue */
    --category-essen: #F2CC8F;     /* Buff (for Essen & Trinken) */
    --category-sport: #F4A261;     /* Sandy Brown */
    --category-kunst: #9A8C98;     /* Mountbatten Pink */
    --category-fuehrung: #72A1E5;  /* Cornflower Blue */
    --category-workshop: #5EAAA8;  /* Ocean Green */
    --category-social: #F08A5D;    /* Cantaloupe (for Social/Community) */
    --category-flohmarkt: #B58DB6; /* Lilac */
    --category-comedy: #457B9D;    /* Celestial Blue */
    --category-kino: #BC4749;      /* Redwood */
    --category-sonstiges: #A8A8A8; /* Grey for Other */

    /* === Legacy & Alias Variables (mapped to pastels above) === */
    --primary-dark: var(--text-dark);      /* Alias for dark text */
    --primary-accent: var(--accent-color); /* Alias for accent color */
    --primary-light: var(--primary-bg);    /* Alias for primary background */
    --white: #FFFFFF;                      /* Pure white, for utility use */
}

/* === Dark Mode Colors === */
[data-theme="dark"] {
    --primary-bg: #000000;           /* Black background for main areas */
    --secondary-bg: #1a1a1a;         /* Slightly lighter black for secondary backgrounds */
    --card-bg: #1a1a1a;              /* Dark gray for cards and surfaces */
    --accent-color: #4a9eff;         /* Bright blue accent for highlights and buttons */
    --accent-hover: #357abd;         /* Slightly darker blue for hover states */
    --text-dark: #ffffff;            /* White for primary text */
    --text-light: #cccccc;           /* Light gray for secondary text */
    --border-light: #333333;         /* Dark gray for borders and dividers */
    --logo-header-bg: #000000;       /* Black background for logo/header area */
    --nav-bg: #000000;               /* Black background for navigation */
    --nav-text: #FFFFFF;             /* White text for navigation */
    --footer-bg: #000000;            /* Black background for footer */
    --footer-text: #FFFFFF;          /* White text for footer */

    /* === Category Colors (Dark Mode - can be same or different) === */
    --category-konzerte: #FF6B6B;  /* Coral Red */
    --category-party: #FFD166;     /* Sunny Yellow */
    --category-theater: #06D6A0;   /* Emerald Green */
    --category-festival: #118AB2;  /* Pacific Blue */
    --category-vortrag: #E07A5F;   /* Terracotta */
    --category-markt: #3D405B;     /* Indigo Dye */
    --category-familie: #81B29A;   /* Cambridge Blue */
    --category-essen: #F2CC8F;     /* Buff */
    --category-sport: #F4A261;     /* Sandy Brown */
    --category-kunst: #9A8C98;     /* Mountbatten Pink */
    --category-fuehrung: #72A1E5;  /* Cornflower Blue */
    --category-workshop: #5EAAA8;  /* Ocean Green */
    --category-social: #F08A5D;    /* Cantaloupe */
    --category-flohmarkt: #B58DB6; /* Lilac */
    --category-comedy: #457B9D;    /* Celestial Blue */
    --category-kino: #BC4749;      /* Redwood */
    --category-sonstiges: #808080; /* Darker Grey for Other */

    --white: #1a1a1a;                /* Dark gray for utility use */
}

/* === System Preference Detection === */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --primary-bg: #000000;
        --secondary-bg: #1a1a1a;
        --card-bg: #1a1a1a;
        --accent-color: #4a9eff;
        --accent-hover: #357abd;
        --text-dark: #ffffff;
        --text-light: #cccccc;
        --border-light: #333333;
        --logo-header-bg: #000000;
        --nav-bg: #000000;
        --nav-text: #FFFFFF;
        --footer-bg: #000000;
        --footer-text: #FFFFFF;

        /* === Category Colors (System Dark Mode) === */
        --category-konzerte: #FF6B6B;
        --category-party: #FFD166;
        --category-theater: #06D6A0;
        --category-festival: #118AB2;
        --category-vortrag: #E07A5F;
        --category-markt: #3D405B;
        --category-familie: #81B29A;
        --category-essen: #F2CC8F;
        --category-sport: #F4A261;
        --category-kunst: #9A8C98;
        --category-fuehrung: #72A1E5;
        --category-workshop: #5EAAA8;
        --category-social: #F08A5D;
        --category-flohmarkt: #B58DB6;
        --category-comedy: #457B9D;
        --category-kino: #BC4749;
        --category-sonstiges: #808080;

        --white: #1a1a1a;
    }
}