/* SolvIT Design Tokens — single source of truth
   Palette: deep ink + warm brass (evokes PCB copper traces, solder, foil-stamped
   certificates) — signals precision hardware & authenticity over generic tech-SaaS. */
:root {
    /* ── Brand colours ───────────────────────────── */
    --navy:          #0A1628;   /* ink — primary dark */
    --navy-dark:     #050B16;   /* deepest ink, darkest panels */
    --navy-light:    #16233C;   /* elevated dark surface */
    --navy-muted:    rgba(10,22,40,.06);

    --cyan:          #B8863F;   /* brass — signature accent (replaces neon cyan) */
    --cyan-dark:     #8A6329;   /* deep brass — hover / pressed */
    --cyan-glow:     rgba(184,134,63,.16);

    /* ── Neutrals ─────────────────────────────────── */
    --white:         #FFFFFF;
    --off-white:     #F7F5EF;   /* warm paper, not sterile white */
    --gray-50:       #F1EEE5;
    --gray-100:      #E4E0D4;
    --gray-200:      #CFC9B8;
    --gray-400:      #9B927E;
    --gray-600:      #5B6472;   /* slate — cooler than gray-400, used for body copy */
    --gray-900:      #171F2E;

    /* ── Status ───────────────────────────────────── */
    --success:       #1F8A5F;
    --warning:       #B8863F;
    --danger:        #B8453D;

    /* ── Semantic aliases ─────────────────────────── */
    --bg:            var(--white);
    --bg-alt:        var(--off-white);
    --bg-dark:       var(--navy);
    --text:          var(--gray-900);
    --text-muted:    var(--gray-600);
    --border:        var(--gray-100);
    --border-strong: var(--gray-200);
    --rule:          rgba(10,22,40,.10);
    --rule-light:    rgba(255,255,255,.12);

    /* ── Typography ───────────────────────────────── */
    --font:          'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading:  'Space Grotesk', 'IBM Plex Sans', -apple-system, sans-serif;
    --font-mono:     'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

    /* ── Elevation ────────────────────────────────── */
    --shadow-sm:  0 1px 2px rgba(10,22,40,.05), 0 2px 6px rgba(10,22,40,.06);
    --shadow:     0 2px 8px rgba(10,22,40,.06), 0 8px 24px rgba(10,22,40,.09);
    --shadow-lg:  0 8px 24px rgba(10,22,40,.10), 0 24px 56px rgba(10,22,40,.16);

    /* ── Radius ───────────────────────────────────── */
    --r-sm:   6px;
    --r:      10px;
    --r-lg:   14px;
    --r-xl:   20px;
    --r-pill: 999px;

    /* ── Motion ───────────────────────────────────── */
    --ease:  cubic-bezier(.4,0,.2,1);
    --t:     all .25s var(--ease);
    --t-fast:all .15s var(--ease);

    /* ── Layout ───────────────────────────────────── */
    --container:        1280px;
    --container-narrow: 960px;
}