/**
 * Light Theme Family
 *
 * All variants of the light theme for daisyUI.
 * Load this file when page theme starts with "light".
 *
 * Variants:
 * - light        (base)  - Default daisyUI light theme
 * - light-dark   (dark)  - Dark variant with same accent colors
 * - light-brand  (brand) - Primary color as background
 */

/* ==========================================================================
   LIGHT (Base Variant)
   ========================================================================== */

[data-theme="light"] {
    color-scheme: light;

    /* Primary - Blue/Purple */
    --color-primary: oklch(49.12% 0.3096 275.75);
    --color-primary-content: oklch(100% 0 0);

    /* Secondary - Pink */
    --color-secondary: oklch(69.71% 0.329 342.55);
    --color-secondary-content: oklch(24% 0.08 342.55);

    /* Accent - Teal */
    --color-accent: oklch(76.76% 0.184 183.61);
    --color-accent-content: oklch(20% 0.05 183.61);

    /* Neutral */
    --color-neutral: oklch(27% 0.03 240);
    --color-neutral-content: oklch(88% 0.01 240);

    /* Base (backgrounds) */
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(96% 0 0);
    --color-base-300: oklch(92% 0 0);
    --color-base-content: oklch(25% 0.02 240);

    /* Status colors */
    --color-info: oklch(59% 0.2 250);
    --color-info-content: oklch(16% 0.08 250);
    --color-success: oklch(65% 0.2 145);
    --color-success-content: oklch(28% 0.08 145);
    --color-warning: oklch(75% 0.18 75);
    --color-warning-content: oklch(20% 0.01 0);
    --color-error: oklch(60% 0.22 25);
    --color-error-content: oklch(12% 0.08 25);

    /* Border radius */
    --radius-box: 1rem;
    --radius-field: 0.5rem;
    --radius-selector: 1.9rem;

    /* Animations */

    /* Button */
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
}

/* ==========================================================================
   LIGHT-DARK (Dark Variant)
   ========================================================================== */

[data-theme="light-dark"] {
    color-scheme: dark;

    /* Primary - Lighter for dark mode */
    --color-primary: oklch(60% 0.28 275.75);
    --color-primary-content: oklch(100% 0.03 275.75);

    /* Secondary - Pink lighter */
    --color-secondary: oklch(78% 0.28 342.55);
    --color-secondary-content: oklch(15% 0.01 0);

    /* Accent - Teal lighter */
    --color-accent: oklch(82% 0.16 183.61);
    --color-accent-content: oklch(15% 0.01 0);

    /* Neutral */
    --color-neutral: oklch(22% 0.02 240);
    --color-neutral-content: oklch(92% 0 0);

    /* Base (backgrounds) - Dark */
    --color-base-100: oklch(15% 0.01 0);
    --color-base-200: oklch(18% 0.01 0);
    --color-base-300: oklch(22% 0.01 0);
    --color-base-content: oklch(92% 0 0);

    /* Status colors - Lighter for dark mode */
    --color-info: oklch(68% 0.18 250);
    --color-info-content: oklch(15% 0.01 0);
    --color-success: oklch(72% 0.18 145);
    --color-success-content: oklch(15% 0.01 0);
    --color-warning: oklch(80% 0.16 80);
    --color-warning-content: oklch(15% 0.01 0);
    --color-error: oklch(68% 0.2 25);
    --color-error-content: oklch(15% 0.01 0);

    /* Border radius */
    --radius-box: 1rem;
    --radius-field: 0.5rem;
    --radius-selector: 1.9rem;

    /* Animations */

    /* Button */
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
}

/* ==========================================================================
   LIGHT-BRAND (Brand Variant)
   Primary color as background with white text
   ========================================================================== */

[data-theme="light-brand"] {
    color-scheme: dark;

    /* Primary - White for contrast */
    --color-primary: oklch(100% 0 0);
    --color-primary-content: oklch(45% 0.28 275.75);

    /* Secondary - Light pink */
    --color-secondary: oklch(92% 0.08 342.55);
    --color-secondary-content: oklch(45% 0.28 275.75);

    /* Accent - Light teal */
    --color-accent: oklch(88% 0.12 183.61);
    --color-accent-content: oklch(35% 0.15 183.61);

    /* Neutral */
    --color-neutral: oklch(38% 0.2 275.75);
    --color-neutral-content: oklch(100% 0 0);

    /* Base - Primary color backgrounds */
    --color-base-100: oklch(45% 0.25 275.75);
    --color-base-200: oklch(40% 0.25 275.75);
    --color-base-300: oklch(35% 0.25 275.75);
    --color-base-content: oklch(100% 0 0);

    /* Status colors - Adjusted for brand background */
    --color-info: oklch(75% 0.12 220);
    --color-info-content: oklch(25% 0.1 220);
    --color-success: oklch(80% 0.15 145);
    --color-success-content: oklch(25% 0.1 145);
    --color-warning: oklch(85% 0.14 85);
    --color-warning-content: oklch(30% 0.1 85);
    --color-error: oklch(75% 0.18 25);
    --color-error-content: oklch(28% 0.08 25);

    /* Border radius */
    --radius-box: 1rem;
    --radius-field: 0.5rem;
    --radius-selector: 1.9rem;

    /* Animations */

    /* Button */
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
}

/* === GENERATED MODE VARIANTS === */

/* LIGHT-MUTED (Muted Light Variant) */
[data-theme="light-muted"] {
    color-scheme: light;
    --color-primary: oklch(49.12% 0.108 275.75);
    --color-primary-content: oklch(100% 0 0);
    --color-secondary: oklch(69.71% 0.115 342.55);
    --color-secondary-content: oklch(24% 0.08 342.55);
    --color-accent: oklch(76.76% 0.064 183.61);
    --color-accent-content: oklch(20% 0.05 183.61);
    --color-neutral: oklch(27% 0.03 240);
    --color-neutral-content: oklch(88% 0.01 240);
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(96% 0 0);
    --color-base-300: oklch(92% 0 0);
    --color-base-content: oklch(25% 0.02 240);
    --color-info: oklch(59% 0.1 250);
    --color-info-content: oklch(16% 0.08 250);
    --color-success: oklch(65% 0.1 145);
    --color-success-content: oklch(28% 0.08 145);
    --color-warning: oklch(75% 0.09 75);
    --color-warning-content: oklch(20% 0.01 0);
    --color-error: oklch(60% 0.11 25);
    --color-error-content: oklch(12% 0.08 25);
    --radius-box: 1rem;
    --radius-field: 0.5rem;
    --radius-selector: 1.9rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
}

/* LIGHT-MUTED-DARK (Muted Dark Variant) */
[data-theme="light-muted-dark"] {
    color-scheme: dark;
    --color-primary: oklch(60% 0.098 275.75);
    --color-primary-content: oklch(20% 0.08 275.75);
    --color-secondary: oklch(78% 0.098 342.55);
    --color-secondary-content: oklch(15% 0.01 0);
    --color-accent: oklch(82% 0.056 183.61);
    --color-accent-content: oklch(15% 0.01 0);
    --color-neutral: oklch(22% 0.02 240);
    --color-neutral-content: oklch(92% 0 0);
    --color-base-100: oklch(15% 0.01 0);
    --color-base-200: oklch(18% 0.01 0);
    --color-base-300: oklch(22% 0.01 0);
    --color-base-content: oklch(92% 0 0);
    --color-info: oklch(68% 0.09 250);
    --color-info-content: oklch(15% 0.01 0);
    --color-success: oklch(72% 0.09 145);
    --color-success-content: oklch(15% 0.01 0);
    --color-warning: oklch(80% 0.08 80);
    --color-warning-content: oklch(15% 0.01 0);
    --color-error: oklch(68% 0.1 25);
    --color-error-content: oklch(15% 0.01 0);
    --radius-box: 1rem;
    --radius-field: 0.5rem;
    --radius-selector: 1.9rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
}

/* LIGHT-TINTED (Tinted Light Variant) */
[data-theme="light-tinted"] {
    color-scheme: light;
    --color-primary: oklch(49.12% 0.3096 275.75);
    --color-primary-content: oklch(100% 0 0);
    --color-secondary: oklch(69.71% 0.329 342.55);
    --color-secondary-content: oklch(24% 0.08 342.55);
    --color-accent: oklch(76.76% 0.184 183.61);
    --color-accent-content: oklch(20% 0.05 183.61);
    --color-neutral: oklch(27% 0.03 240);
    --color-neutral-content: oklch(88% 0.01 240);
    --color-base-100: oklch(100% 0.015 275.75);
    --color-base-200: oklch(96% 0.015 275.75);
    --color-base-300: oklch(92% 0.015 275.75);
    --color-base-content: oklch(25% 0.02 240);
    --color-info: oklch(59% 0.2 250);
    --color-info-content: oklch(16% 0.08 250);
    --color-success: oklch(65% 0.2 145);
    --color-success-content: oklch(28% 0.08 145);
    --color-warning: oklch(75% 0.18 75);
    --color-warning-content: oklch(20% 0.01 0);
    --color-error: oklch(60% 0.22 25);
    --color-error-content: oklch(12% 0.08 25);
    --radius-box: 1rem;
    --radius-field: 0.5rem;
    --radius-selector: 1.9rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
}

/* LIGHT-TINTED-DARK (Tinted Dark Variant) */
[data-theme="light-tinted-dark"] {
    color-scheme: dark;
    --color-primary: oklch(60% 0.28 275.75);
    --color-primary-content: oklch(100% 0.03 275.75);
    --color-secondary: oklch(78% 0.28 342.55);
    --color-secondary-content: oklch(15% 0.01 0);
    --color-accent: oklch(82% 0.16 183.61);
    --color-accent-content: oklch(15% 0.01 0);
    --color-neutral: oklch(22% 0.02 240);
    --color-neutral-content: oklch(92% 0 0);
    --color-base-100: oklch(15% 0.02 275.75);
    --color-base-200: oklch(18% 0.02 275.75);
    --color-base-300: oklch(22% 0.02 275.75);
    --color-base-content: oklch(92% 0 0);
    --color-info: oklch(68% 0.18 250);
    --color-info-content: oklch(15% 0.01 0);
    --color-success: oklch(72% 0.18 145);
    --color-success-content: oklch(15% 0.01 0);
    --color-warning: oklch(80% 0.16 80);
    --color-warning-content: oklch(15% 0.01 0);
    --color-error: oklch(68% 0.2 25);
    --color-error-content: oklch(15% 0.01 0);
    --radius-box: 1rem;
    --radius-field: 0.5rem;
    --radius-selector: 1.9rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
}

/* LIGHT-CONTRAST (High Contrast Light Variant) */
[data-theme="light-contrast"] {
    color-scheme: light;
    --color-primary: oklch(49.12% 0.356 275.75);
    --color-primary-content: oklch(100% 0 0);
    --color-secondary: oklch(69.71% 0.378 342.55);
    --color-secondary-content: oklch(24% 0.08 342.55);
    --color-accent: oklch(76.76% 0.212 183.61);
    --color-accent-content: oklch(20% 0.05 183.61);
    --color-neutral: oklch(27% 0.03 240);
    --color-neutral-content: oklch(88% 0.01 240);
    --color-base-100: oklch(97% 0 0);
    --color-base-200: oklch(91% 0 0);
    --color-base-300: oklch(85% 0 0);
    --color-base-content: oklch(20% 0.02 240);
    --color-info: oklch(59% 0.22 250);
    --color-info-content: oklch(16% 0.08 250);
    --color-success: oklch(65% 0.22 145);
    --color-success-content: oklch(28% 0.08 145);
    --color-warning: oklch(75% 0.198 75);
    --color-warning-content: oklch(20% 0.01 0);
    --color-error: oklch(60% 0.242 25);
    --color-error-content: oklch(8% 0.08 25);
    --radius-box: 1rem;
    --radius-field: 0.5rem;
    --radius-selector: 1.9rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
}

/* LIGHT-CONTRAST-DARK (High Contrast Dark Variant) */
[data-theme="light-contrast-dark"] {
    color-scheme: dark;
    --color-primary: oklch(60% 0.322 275.75);
    --color-primary-content: oklch(100% 0.03 275.75);
    --color-secondary: oklch(78% 0.322 342.55);
    --color-secondary-content: oklch(15% 0.01 0);
    --color-accent: oklch(82% 0.184 183.61);
    --color-accent-content: oklch(15% 0.01 0);
    --color-neutral: oklch(22% 0.02 240);
    --color-neutral-content: oklch(92% 0 0);
    --color-base-100: oklch(13% 0.01 0);
    --color-base-200: oklch(15% 0.01 0);
    --color-base-300: oklch(18% 0.01 0);
    --color-base-content: oklch(95% 0 0);
    --color-info: oklch(68% 0.198 250);
    --color-info-content: oklch(15% 0.01 0);
    --color-success: oklch(72% 0.198 145);
    --color-success-content: oklch(15% 0.01 0);
    --color-warning: oklch(80% 0.176 80);
    --color-warning-content: oklch(15% 0.01 0);
    --color-error: oklch(68% 0.22 25);
    --color-error-content: oklch(15% 0.01 0);
    --radius-box: 1rem;
    --radius-field: 0.5rem;
    --radius-selector: 1.9rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
}