/* ===== DESIGN TOKENS — "Midnight Prism" ===== */
:root {
    /* Primary: Violet/Indigo */
    --gold:         #8b7cf8;
    --gold-light:   #a394fd;
    --gold-dim:     rgba(139, 124, 248, 0.12);
    --gold-glow:    rgba(139, 124, 248, 0.30);

    /* Secondary: Sky Blue */
    --teal:         #38bdf8;
    --teal-dim:     rgba(56, 189, 248, 0.10);

    /* Accent palette */
    --rose:         #f87171;
    --rose-dim:     rgba(248, 113, 113, 0.10);
    --green:        #4ade80;
    --green-dim:    rgba(74, 222, 128, 0.10);
    --amber:        #fbbf24;
    --amber-dim:    rgba(251, 191, 36, 0.10);
    --pink:         #e879f9;
    --pink-dim:     rgba(232, 121, 249, 0.10);

    /* Backgrounds */
    --bg:           #060912;
    --bg-2:         #090e1c;
    --bg-card:      rgba(139, 124, 248, 0.03);
    --bg-card-h:    rgba(139, 124, 248, 0.07);
    --bg-alt:       #0a0e1e;

    /* Borders */
    --border:       rgba(139, 124, 248, 0.13);
    --border-h:     rgba(139, 124, 248, 0.32);
    --border-s:     rgba(255, 255, 255, 0.06);

    /* Text */
    --text:         #ecedf7;
    --text-2:       #9095b4;
    --text-3:       #434868;

    /* Typography */
    --font-display: 'Bricolage Grotesque', sans-serif;
    --font-mono:    'Fira Code', monospace;
    --font-body:    'Manrope', sans-serif;

    /* Layout */
    --max-w:        1200px;
    --nav-h:        68px;
    --section-pad:  88px;

    /* Radius */
    --r-sm:   8px;
    --r-md:   14px;
    --r-lg:   20px;
    --r-xl:   28px;

    /* Easing */
    --ease:         cubic-bezier(0.16, 1, 0.3, 1);
    --ease-back:    cubic-bezier(0.34, 1.56, 0.64, 1);
}