/* NewSpace RFP design tokens — Launch Cinema (redesign 2026-09-02, docs/REDESIGN-BRIEF.md).
   The reference set is nasa.gov, spacex.com, apple.com for imagery-led scale on plain
   surfaces, and spacenews.com for a working news grid. Surfaces are white and true black,
   never tinted; ink does the hierarchy; one red is the only signal color and it means
   "this needs your attention" (a deadline, a slip, a miss). Type is Barlow, DIN lineage,
   the typographic culture of launch providers, self-hosted. Charts keep the CVD-validated
   categorical triplet; those hues are for data series, never for chrome. */

:root {
  color-scheme: light;

  /* surfaces */
  --base:      #ffffff;
  --panel:     #ffffff;
  --panel2:    #f4f4f4;
  --rule:      #d9d9d9;
  --rule-soft: #ececec;
  --black:     #000000;   /* the black band; text on it uses --on-black */
  --on-black:  #ffffff;
  --on-black-dim: #b8b8b8;
  --on-black-rule: #2a2a2a;

  /* ink */
  --ink:       #111111;   /* 18.9:1 */
  --ink-dim:   #555555;   /*  7.5:1 */
  --ink-faint: #8a8a8a;   /*  3.5:1, large text and decoration only */

  /* the one signal color */
  --signal:     #b0271b;  /* 6.3:1 on white */
  --signal-on-black: #ff4f3f;
  /* legacy names, mapped so the whole system reads the same decision */
  --accent:     #111111;
  --accent-ink: #111111;
  --accent-dim: #ececec;
  --alarm:      #b0271b;
  --caution:    #111111;  /* urgency is red or it is nothing; no amber tier */
  --go:         #111111;  /* success is the quiet state, so it wears plain ink */

  /* calendar kinds: CVD-validated on light and dark; data series only */
  --k-launch:  #2887e7;
  --k-test:    #cf5b94;
  --k-event:   #2887e7;
  --k-hearing: #b27a2a;
  --k-rfp:     #b27a2a;
  --k-launch-ink:  #1f63aa;
  --k-test-ink:    #a2416e;
  --k-event-ink:   #1f63aa;
  --k-hearing-ink: #7f5406;
  --k-rfp-ink:     #7f5406;
  --k-launch-on:  #ffffff;
  --k-test-on:    #ffffff;
  --k-event-on:   #ffffff;
  --k-hearing-on: #ffffff;
  --k-rfp-on:     #ffffff;

  /* type: one family, weight does the hierarchy; numbers are always tabular */
  --sans: 'Barlow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --mono: 'Barlow', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* geometry: rules, not rounded boxes */
  --r-sm: 0px;
  --r-md: 0px;
  --r-lg: 0px;

  /* measure */
  --measure: 66ch;

  /* motion */
  --t-fast: .12s;
  --t-med: .2s;
}

/* Dark theme: the same design with the grounds swapped. The black band becomes the
   page and the page becomes the band; the signal red lifts to stay legible. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --base:      #000000;
  --panel:     #000000;
  --panel2:    #111111;
  --rule:      #2a2a2a;
  --rule-soft: #1c1c1c;
  --black:     #ffffff;
  --on-black:  #111111;
  --on-black-dim: #555555;
  --on-black-rule: #d9d9d9;
  --ink:       #f2f2f2;
  --ink-dim:   #b8b8b8;
  --ink-faint: #7a7a7a;
  --signal:     #ff4f3f;
  --signal-on-black: #b0271b;
  --accent:     #f2f2f2;
  --accent-ink: #f2f2f2;
  --accent-dim: #1c1c1c;
  --alarm:      #ff4f3f;
  --caution:    #f2f2f2;
  --go:         #f2f2f2;
  --k-launch-ink:  #6aaef0;
  --k-test-ink:    #e78fb8;
  --k-event-ink:   #6aaef0;
  --k-hearing-ink: #d8a656;
  --k-rfp-ink:     #d8a656;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    color-scheme: dark;
    --base: #000000; --panel: #000000; --panel2: #111111; --rule: #2a2a2a; --rule-soft: #1c1c1c;
    --black: #ffffff; --on-black: #111111; --on-black-dim: #555555; --on-black-rule: #d9d9d9;
    --ink: #f2f2f2; --ink-dim: #b8b8b8; --ink-faint: #7a7a7a;
    --signal: #ff4f3f; --signal-on-black: #b0271b;
    --accent: #f2f2f2; --accent-ink: #f2f2f2; --accent-dim: #1c1c1c;
    --alarm: #ff4f3f; --caution: #f2f2f2; --go: #f2f2f2;
    --k-launch-ink: #6aaef0; --k-test-ink: #e78fb8; --k-event-ink: #6aaef0;
    --k-hearing-ink: #d8a656; --k-rfp-ink: #d8a656;
  }
}

/* Barlow, self-hosted latin subset (SIL Open Font License) */
@font-face { font-family: 'Barlow'; src: url('fonts/barlow-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Barlow'; src: url('fonts/barlow-400-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Barlow'; src: url('fonts/barlow-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Barlow'; src: url('fonts/barlow-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Barlow'; src: url('fonts/barlow-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }