/* ============================================================
   INNOVATIVE NECTAR — Design Token System
   ============================================================
   Single source of truth for all visual properties.
   All components reference these tokens — never hardcode values.
   ============================================================ */

:root {
    /* ── Color Palette ──────────────────────────────────── */
    --color-amber:          #FFBF00;
    --color-amber-light:    #FFD54F;
    --color-amber-dark:     #E6AC00;
    --color-amber-glow:     rgba(255, 191, 0, 0.15);

    --color-forest:         #014421;
    --color-forest-light:   #02592C;
    --color-forest-dark:    #051A10;
    --color-forest-panel:   #0D2618;

    --color-slate:          #708090;
    --color-slate-light:    #F0F4F8;
    --color-slate-muted:    #94A3B8;

    --color-white:          #FFFFFF;
    --color-off-white:      #F8F9FA;
    --color-text:           #111827;
    --color-text-muted:     #4A5568;
    --color-border:         #E5E5E5;

    --color-success:        #16A34A;
    --color-warning:        #F59E0B;
    --color-danger:         #DC2626;
    --color-info:           #2563EB;

    /* ── Typography ─────────────────────────────────────── */
    --font-head:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body:    'Lora', Georgia, 'Times New Roman', serif;
    --font-mono:    'JetBrains Mono', 'Fira Code', monospace;

    --text-xs:      0.75rem;
    --text-sm:      0.85rem;
    --text-base:    1rem;
    --text-lg:      1.1rem;
    --text-xl:      1.25rem;
    --text-2xl:     1.5rem;
    --text-3xl:     2rem;
    --text-4xl:     2.75rem;
    --text-5xl:     3.5rem;
    --text-hero:    4rem;

    --leading-tight:    1.1;
    --leading-snug:     1.3;
    --leading-normal:   1.7;
    --leading-relaxed:  1.8;

    --tracking-tight:   -0.03em;
    --tracking-normal:  0;
    --tracking-wide:    0.05em;
    --tracking-wider:   0.1em;

    /* ── Spacing Scale ──────────────────────────────────── */
    --space-1:  0.25rem;
    --space-2:  0.5rem;
    --space-3:  0.75rem;
    --space-4:  1rem;
    --space-5:  1.25rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;

    /* ── Layout ─────────────────────────────────────────── */
    --container-max:    1200px;
    --container-narrow: 800px;
    --container-wide:   1400px;

    /* ── Borders & Radius ───────────────────────────────── */
    --radius-sm:    4px;
    --radius-md:    8px;
    --radius-lg:    12px;
    --radius-xl:    16px;
    --radius-full:  9999px;

    /* ── Shadows ────────────────────────────────────────── */
    --shadow-sm:    0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md:    0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg:    0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-xl:    0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --shadow-2xl:   0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --shadow-amber: 0 10px 15px -3px rgba(255, 191, 0, 0.2);
    --shadow-glow:  0 0 20px rgba(255, 191, 0, 0.3);

    /* ── Transitions ────────────────────────────────────── */
    --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-bounce:  cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --duration-fast:    150ms;
    --duration-normal:  300ms;
    --duration-slow:    500ms;

    /* ── Z-Index Scale ──────────────────────────────────── */
    --z-dropdown:   100;
    --z-sticky:     200;
    --z-fixed:      300;
    --z-overlay:    400;
    --z-modal:      500;
    --z-toast:      600;
}