/* ============================================================
   BURGI GARDEN — Design Tokens
   "Verdant Luxury" — deep-forest dark mode, floral neon accents
   ============================================================ */

:root {
    /* ── Background Palette (deep forest) ── */
    --bg-deepest:   #07140E;
    --bg-deep:      #0A1A12;
    --bg-card:      #0F1E16;
    --bg-elevated:  #16291E;
    --bg-hover:     #1B3326;
    --bg-input:     #0B1812;
    --bg-alt-row:   #0E2017;

    /* ── Gradients ── */
    --gradient-body:    linear-gradient(135deg, #07140E 0%, #0A2016 50%, #0D2A1E 100%);
    --gradient-sidebar: linear-gradient(180deg, #0A1A12 0%, #08160F 100%);
    --gradient-progress: linear-gradient(90deg, #E0B341 0%, #10B981 50%, #39FF14 100%);

    /* ── Neon / Floral Accents ── */
    --accent-emerald:  #10B981;   /* primary */
    --accent-lime:     #39FF14;   /* positive / neon highlight */
    --accent-gold:     #E0B341;   /* luxury warm accent */
    --accent-bloom:    #FF6FB5;   /* floral pink */
    --accent-lavender: #A78BFA;   /* secondary */
    --accent-sky:      #38BDF8;   /* water / info / code */
    --accent-clay:     #E07A5F;   /* terracotta — warning / damage */
    --accent-coral:    #FF6B6B;   /* error */

    /* ── Accent Hover States ── */
    --accent-emerald-hover:  #0E9E70;
    --accent-bloom-hover:    #F25AA6;
    --accent-gold-hover:     #CFA033;

    /* ── Glow Shadows ── */
    --glow-emerald: 0 0 20px rgba(16, 185, 129, 0.30);
    --glow-lime:    0 0 20px rgba(57, 255, 20, 0.30);
    --glow-gold:    0 0 20px rgba(224, 179, 65, 0.30);
    --glow-bloom:   0 0 20px rgba(255, 111, 181, 0.30);
    --glow-sky:     0 0 20px rgba(56, 189, 248, 0.30);
    --glow-clay:    0 0 20px rgba(224, 122, 95, 0.30);

    /* ── Text Colors ── */
    --text-primary:   #F0F7F2;
    --text-secondary: #9DBAA9;
    --text-muted:     #6E8A79;
    --text-accent:    #10B981;
    --text-danger:    #FF6B6B;
    --text-success:   #39FF14;
    --text-warning:   #E0B341;

    /* ── Semantic Colors ── */
    --color-positive:  #39FF14;
    --color-negative:  #FF6B6B;
    --color-healthy:   #10B981;
    --color-weak:      #E0B341;
    --color-sick:      #E07A5F;
    --color-dead:      #6E8A79;
    --color-bloom:     #FF6FB5;
    --color-water:     #38BDF8;
    --color-warning:   #E0B341;
    --color-danger:    #FF6B6B;

    /* ── Glass / Overlay ── */
    --glass-bg:        rgba(15, 30, 22, 0.7);
    --glass-border:    rgba(16, 185, 129, 0.12);
    --glass-blur:      blur(12px);
    --overlay-bg:      rgba(7, 20, 14, 0.8);
    --overlay-blur:    blur(8px);
    --dropdown-bg:     rgba(22, 41, 30, 0.95);
    --dropdown-border: rgba(16, 185, 129, 0.18);
    --toast-bg:        rgba(15, 30, 22, 0.92);

    /* ── Typography ── */
    --font-sans:  'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono:  'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
    --font-size-xs:  0.75rem;
    --font-size-sm:  0.85rem;
    --font-size-md:  1rem;
    --font-size-lg:  1.2rem;
    --font-size-xl:  1.5rem;
    --font-size-2xl: 2rem;

    /* ── Spacing ── */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;

    /* ── Border Radius ── */
    --radius-sm:  4px;
    --radius-md:  8px;
    --radius-lg:  12px;
    --radius-xl:  16px;
    --radius-pill: 9999px;

    /* ── Transitions ── */
    --transition-fast:   0.15s ease;
    --transition-normal: 0.2s ease;
    --transition-slow:   0.3s ease;

    /* ── Sidebar ── */
    --sidebar-width: 260px;

    /* ── Z-Index ── */
    --z-dropdown: 100;
    --z-modal:    200;
    --z-toast:    300;
}