/* Pico-Daisy Red Variant
   Imports the base modern theme and overrides with a red/rose color scheme.
   
   Usage: <link rel="stylesheet" href="pico-daisy.red.css">
*/

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

/* --- Red Color Scheme Overrides --- */
:root {
    /* Primary Colors - Red/Rose palette */
    --daisy-primary: #e11d48;
    --daisy-primary-light: #fb7185;
    --daisy-primary-dark: #be123c;
    --daisy-primary-glow: rgba(225, 29, 72, 0.4);

    /* Secondary - Deep Rose */
    --daisy-secondary: #9f1239;
    --daisy-secondary-light: #be123c;
    --daisy-secondary-dark: #881337;

    /* Accent - Cyan (complementary) */
    --daisy-accent: #06b6d4;
    --daisy-accent-light: #22d3ee;
    --daisy-accent-dark: #0891b2;

    /* 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, #e11d48 0%, #9f1239 50%, #fb7185 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: #fb7185;
    --daisy-primary-light: #fda4af;
    --daisy-primary-dark: #e11d48;
    --daisy-primary-glow: rgba(251, 113, 133, 0.4);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --daisy-primary: #fb7185;
        --daisy-primary-light: #fda4af;
        --daisy-primary-dark: #e11d48;
        --daisy-primary-glow: rgba(251, 113, 133, 0.4);
    }
}