/* ==========================================================
   CH NET GUARD — Design Tokens
   Single source of truth for the brand system.
   ========================================================== */

:root {
    /* ---------- Brand palette ---------- */
    --bg-deep:        #03040A;
    --bg-panel:       #080A12;
    --bg-elevated:    #0D1019;

    --accent-gold:    #C9A227;
    --accent-gold-2:  #E5C158;
    --accent-teal:    #0FB5A4;
    --accent-teal-2:  #14D7C3;

    --text-primary:   #F5F6FA;
    --text-secondary: #C5C9DB;
    --text-muted:     #9CA3AF;

    --border-soft:    #1F2547;
    --border-strong:  #2A3160;

    --success:        #10B981;
    --danger:         #EF4444;
    --warning:        #F59E0B;

    /* ---------- Spacing (8-pt scale) ---------- */
    --space-1:  4px;
    --space-2:  8px;
    --space-3:  16px;
    --space-4:  24px;
    --space-5:  32px;
    --space-6:  48px;
    --space-7:  64px;
    --space-8:  96px;
    --space-9: 128px;

    /* ---------- Type scale ---------- */
    --fs-display: clamp(2.75rem, 6vw, 5rem);
    --fs-h1:      clamp(2rem, 4vw, 3rem);
    --fs-h2:      clamp(1.5rem, 2.5vw, 2rem);
    --fs-h3:      1.25rem;
    --fs-body:    1rem;
    --fs-small:   0.875rem;
    --fs-tiny:    0.75rem;

    --lh-tight:   1.05;
    --lh-snug:    1.2;
    --lh-normal:  1.5;
    --lh-relaxed: 1.65;

    /* ---------- Radius ---------- */
    --r-sm:   6px;
    --r-md:  12px;
    --r-lg:  20px;
    --r-xl:  32px;
    --r-full: 999px;

    /* ---------- Shadows ---------- */
    --shadow-1: 0 4px 16px -4px rgba(0, 0, 0, 0.40);
    --shadow-2: 0 12px 32px -8px rgba(0, 0, 0, 0.50);
    --shadow-glow-teal: 0 0 40px rgba(15, 181, 164, 0.30);
    --shadow-glow-gold: 0 0 40px rgba(201, 162, 39, 0.30);

    /* ---------- Motion ---------- */
    --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out:  cubic-bezier(0.65, 0, 0.35, 1);
    --ease-emphasis:cubic-bezier(0.2, 0.7, 0.2, 1);

    --d-fast:  150ms;
    --d-base:  250ms;
    --d-slow:  600ms;
    --d-slower:900ms;
}