/* ============================================================
   Mission Control v2.0.0 — Design Tokens
   Source: specs/design-tokens.json
   ============================================================ */

:root {
  /* Colors */
  --canvas:          #05080B;
  --surface:         #0B1015;
  --surface-raised:  #0E141A;
  --border:          #1D2833;
  --border-strong:   #2A3540;

  --text-primary:   #F4F7FA;
  --text-secondary: #AAB4BE;
  --text-muted:    #6F7B86;

  --green:   #16D65C;
  --blue:    #1B8FFF;
  --amber:   #FFBF00;
  --purple:  #9B3DFF;
  --red:     #FF3D4D;
  --slate:   #8A9AA8;

  /* Spacing */
  --sp-4:  4px;
  --sp-8:  8px;
  --sp-12: 12px;
  --sp-16: 16px;
  --sp-20: 20px;
  --sp-24: 24px;
  --sp-28: 28px;
  --sp-32: 32px;

  /* Radius */
  --radius-card: 7px;
  --radius-pill: 999px;

  /* Typography */
  --font-display: 'Montserrat', 'Avenir Next', 'Segoe UI', sans-serif;
  --font-body:    'Inter', 'Segoe UI', Arial, sans-serif;

  /* Title — MISSION CONTROL */
  --title-size:      24px;
  --title-weight:   500;
  --title-tracking:  0.22em;
  --title-lh:       1.1;

  /* Subtitle — Program Board */
  --subtitle-size:     13px;
  --subtitle-weight:   400;
  --subtitle-tracking: 0;
  --subtitle-lh:       1.3;

  /* Section labels */
  --section-size:     13px;
  --section-weight:   600;
  --section-tracking: 0.16em;

  /* Card titles */
  --card-title-size:     16px;
  --card-title-weight:   500;
  --card-title-tracking: 0;
  --card-title-lh:       1.25;

  /* Body */
  --body-size:     13px;
  --body-weight:   400;
  --body-lh:       1.45;

  /* Small */
  --small-size: 11px;

  /* KPI value */
  --kpi-size:   30px;
  --kpi-weight: 400;

  /* Motion */
  --pulse-duration:   1800ms;
  --pulse-easing:    ease-in-out;
  --pulse-opacity:    0.45;
  --pulse-scale:      1.16;
  --progress-duration: 450ms;
  --progress-easing: cubic-bezier(.2,.8,.2,1);
}