/* ==========================================================================
   Radar1 — Color tokens
   Broadcast news palette: deep signal-ink backgrounds, breaking red,
   weather amber + radar cyan data accents. Built for on-air legibility.
   ========================================================================== */
:root {
  /* ---- Brand core ---- */
  --radar-red: #E4032E;        /* breaking / live / primary action */
  --radar-red-600: #C00227;
  --radar-red-700: #9C011F;
  --radar-ink: #0A1524;        /* studio backdrop, near-black navy */
  --radar-ink-900: #060C17;
  --radar-white: #FFFFFF;

  /* ---- Signal accents ---- */
  --signal-amber: #FFB000;     /* weather alerts, highlights */
  --signal-cyan: #1FA8E0;      /* radar/data, cool weather */
  --signal-green: #17B26A;     /* positive / markets up / all-clear */
  --signal-violet: #7B61FF;    /* analysis / exclusives */

  /* ---- Neutral ramp (cool grey, tuned to navy) ---- */
  --grey-0:  #FFFFFF;
  --grey-50: #F4F6F9;
  --grey-100:#E6EAF0;
  --grey-200:#CBD3DE;
  --grey-300:#A6B1C2;
  --grey-400:#7B8799;
  --grey-500:#586475;
  --grey-600:#3C4757;
  --grey-700:#28323F;
  --grey-800:#18212E;
  --grey-900:#0F1826;
  --grey-950:#0A1524;

  /* ---- Semantic: surfaces ---- */
  --surface-base:    var(--radar-ink);       /* page/studio backdrop */
  --surface-raised:  var(--grey-900);         /* panels */
  --surface-card:    var(--grey-800);         /* cards, tiles */
  --surface-inset:   var(--grey-950);         /* wells, code */
  --surface-bar:     var(--radar-ink-900);    /* chyron / ticker rail */
  --surface-light:   var(--grey-50);          /* light-mode content pages */
  --surface-light-card: var(--grey-0);

  /* ---- Semantic: text ---- */
  --text-strong:  var(--grey-0);
  --text-body:    var(--grey-200);
  --text-muted:   var(--grey-400);
  --text-faint:   var(--grey-500);
  --text-on-red:  #FFFFFF;
  --text-on-amber:#1A1200;
  --text-ink:     var(--radar-ink);           /* dark text on light surfaces */
  --text-ink-muted: var(--grey-500);

  /* ---- Semantic: lines / borders ---- */
  --border-hairline: rgba(255,255,255,0.10);
  --border-soft:     rgba(255,255,255,0.16);
  --border-strong:   rgba(255,255,255,0.28);
  --border-ink:      rgba(10,21,36,0.12);     /* on light surfaces */

  /* ---- Semantic: status ---- */
  --status-live:    var(--radar-red);
  --status-breaking:var(--radar-red);
  --status-alert:   var(--signal-amber);
  --status-ok:      var(--signal-green);
  --status-info:    var(--signal-cyan);
  --status-up:      var(--signal-green);
  --status-down:    #FF5A4D;

  /* ---- Focus ring ---- */
  --focus-ring: 0 0 0 2px var(--radar-ink), 0 0 0 4px var(--signal-cyan);
}