/* SolvIT Design Tokens — single source of truth */
:root {
    /* ── Brand colours ───────────────────────────── */
    --navy:          #0B1B3D;
    --navy-dark:     #06122A;
    --navy-light:    #1E3260;
    --navy-muted:    rgba(11,27,61,.06);

    --cyan:          #00C2FF;
    --cyan-dark:     #009BD1;
    --cyan-glow:     rgba(0,194,255,.18);

    /* ── Neutrals ─────────────────────────────────── */
    --white:         #FFFFFF;
    --off-white:     #FAFBFC;
    --gray-50:       #F5F5F7;
    --gray-100:      #E8E8ED;
    --gray-200:      #D1D5DB;
    --gray-400:      #9CA3AF;
    --gray-600:      #6B7280;
    --gray-900:      #111827;

    /* ── Status ───────────────────────────────────── */
    --success:       #10B981;
    --warning:       #F59E0B;
    --danger:        #EF4444;

    /* ── 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);

    /* ── Typography ───────────────────────────────── */
    --font:          'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading:  'Manrope', 'Inter', -apple-system, sans-serif;

    /* ── Elevation ────────────────────────────────── */
    --shadow-sm:  0 1px 2px rgba(11,27,61,.04), 0 2px 6px rgba(11,27,61,.06);
    --shadow:     0 2px 8px rgba(11,27,61,.06), 0 8px 24px rgba(11,27,61,.08);
    --shadow-lg:  0 8px 24px rgba(11,27,61,.10), 0 24px 56px rgba(11,27,61,.14);

    /* ── Radius ───────────────────────────────────── */
    --r-sm:   8px;
    --r:      12px;
    --r-lg:   18px;
    --r-xl:   24px;
    --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;
}