/* ==========================================================================
   GRCPro tokens — light only
   Navy + electric blue sampled from the 2026 wordmark
   Type: Outfit (display) · Plus Jakarta Sans (body) · JetBrains Mono (UI)
   ========================================================================== */
:root {
    --c-navy:          #061B4A;
    --c-navy-2:        #0A2463;
    --c-navy-3:        #12307A;
    --c-cyan:          #00A8FF;
    --c-cyan-deep:     #0077C2;
    --c-primary:       #0077C2;
    --c-primary-dim:   rgba(0, 119, 194, 0.12);
    --c-primary-glow:  rgba(0, 168, 255, 0.22);
    --c-secondary:     #0A2463;
    --c-danger:        #C0262D;
    --c-warning:       #B45309;
    --c-success:       #0F766E;

    --bg-base:         #F4F7FB;
    --bg-surface:      #E8EEF6;
    --bg-card:         #FFFFFF;
    --bg-sidebar:      #061B4A;
    --bg-header:       rgba(255, 255, 255, 0.96);

    --t-primary:       #12203A;
    --t-secondary:     #3E4F6B;
    --t-muted:         #5B6C86;

    --b-subtle:        rgba(6, 27, 74, 0.08);
    --b-card:          rgba(6, 27, 74, 0.10);
    --b-active:        rgba(0, 119, 194, 0.45);

    --shadow-card:     none;
    --glow-primary:    none;
    --glow-hover:      none;

    --r-card: 14px;
    --r-btn:  999px;

    --font-display: 'Outfit', ui-sans-serif, system-ui, sans-serif;
    --font-body:    'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
    --font-mono:    'JetBrains Mono', ui-monospace, monospace;

    --sidebar-width:           260px;
    --sidebar-collapsed-width: 64px;
    --header-height:           56px;

    --transition-speed: 0.22s;
    --border-radius: 12px;
}