/* ==============================================
   AEROFIELD — DESIGN TOKENS
   Theme: Old Golden Heritage · Indus Valley 2026

   Single source of truth for all design values.
   Edit this file to rebrand or retheme the entire app.
   ============================================== */

/* --- Typography (Google Fonts loaded in index.html) --- */
/* Cinzel       : Ceremonial headings, titles
   Rajdhani     : UI labels, navigation, badges
   Inter        : Body text, descriptions              */

:root {

    /* --- Color: Backgrounds (Old Golden Heritage) --- */
    --bg-primary:       #0a0a0f;
    --bg-secondary:     #0f0e0b;
    --bg-card:          rgba(20, 18, 12, 0.85);
    --bg-card-hover:    rgba(30, 26, 16, 0.92);

    /* --- Color: Glows / Accents (Old Golden Heritage) --- */
    --glow-amber:       #d4a04a;
    --glow-amber-dim:   rgba(212, 160, 74, 0.6);
    --glow-copper:      #c87533;
    --glow-teal:        #2dd4a8;
    --glow-btc:         #f7931a;
    --glow-saffron:     #ff8c32;
    --glow-blood:       #dc2626;

    /* --- Color: Text --- */
    --text-primary:     #e8e4dc;
    --text-secondary:   #a09882;
    --text-muted:       #6b6254;

    /* --- Color: Borders --- */
    --border-subtle:    rgba(212, 160, 74, 0.1);
    --border-glow:      rgba(212, 160, 74, 0.25);

    /* --- Spacing --- */
    --space-xs:   4px;
    --space-sm:   8px;
    --space-md:   16px;
    --space-lg:   24px;
    --space-xl:   40px;
    --space-2xl:  60px;
    --space-3xl:  100px;

    /* --- Radius --- */
    --radius:     12px;
    --radius-lg:  20px;
    --radius-pill: 100px;

    /* --- Typography Scale --- */
    --font-display:   'Cinzel', serif;
    --font-ui:        'Rajdhani', sans-serif;
    --font-body:      'Inter', system-ui, sans-serif;

    /* --- Transitions --- */
    --ease-default:   0.3s ease;
    --ease-spring:    0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    /* --- Layout --- */
    --max-width:      1400px;
    --navbar-height:  72px;
    --navbar-bg:      rgba(10, 10, 15, 0.75);
    --navbar-bg-scroll: rgba(10, 10, 15, 0.92);
}