/* Pico-Daisy Light Grey Variant
   Imports the base modern theme and overrides with a light grey/neutral color scheme.
   
   Usage: <link rel="stylesheet" href="pico-daisy.light-grey.css">
*/

@import url('pico-daisy.css');

/* --- Light Grey Color Scheme Overrides --- */
:root {
    /* Primary Colors - Neutral/Grey palette */
    --daisy-primary: #6b7280;
    --daisy-primary-light: #9ca3af;
    --daisy-primary-dark: #4b5563;
    --daisy-primary-glow: rgba(107, 114, 128, 0.4);

    /* Secondary - Warm Grey */
    --daisy-secondary: #374151;
    --daisy-secondary-light: #4b5563;
    --daisy-secondary-dark: #1f2937;

    /* Accent - Indigo (complementary) */
    --daisy-accent: #6366f1;
    --daisy-accent-light: #818cf8;
    --daisy-accent-dark: #4f46e5;

    /* Gradient Definitions */
    --gradient-primary: linear-gradient(135deg, var(--daisy-primary) 0%, var(--daisy-secondary) 100%);
    --gradient-secondary: linear-gradient(135deg, var(--daisy-secondary) 0%, var(--daisy-accent) 100%);
    --gradient-accent: linear-gradient(135deg, var(--daisy-accent) 0%, var(--daisy-primary) 100%);
    --gradient-aurora: linear-gradient(135deg, #6b7280 0%, #374151 50%, #9ca3af 100%);

    /* PicoCSS Overrides */
    --pico-primary: var(--daisy-primary);
    --pico-primary-background: var(--daisy-primary);
    --pico-primary-hover: var(--daisy-primary-dark);
    --pico-primary-underline: var(--daisy-primary-light);
    --pico-primary-focus: var(--daisy-primary-glow);

    --pico-secondary: var(--daisy-secondary);
    --pico-secondary-hover: var(--daisy-secondary-dark);

    --pico-accent: var(--daisy-accent);
    --pico-accent-hover: var(--daisy-accent-dark);
}

/* Dark mode overrides */
[data-theme="dark"] {
    --daisy-primary: #9ca3af;
    --daisy-primary-light: #d1d5db;
    --daisy-primary-dark: #6b7280;
    --daisy-primary-glow: rgba(156, 163, 175, 0.4);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --daisy-primary: #9ca3af;
        --daisy-primary-light: #d1d5db;
        --daisy-primary-dark: #6b7280;
        --daisy-primary-glow: rgba(156, 163, 175, 0.4);
    }
}