/* Design tokens — the entire visual system in one place.
   Change a colour or a measure here, not in styles.css.

   Direction: a dark, cinematic "product site" register (Tesla/SpaceX) rather
   than a printed document — true-black fields, huge confident type, sparse
   bright accent colour, generous space instead of ruled borders. The accent
   palette still carries UN blue + the Philippine flag triad, now used as
   small bright highlights against black rather than big colour blocks. */
:root {
  color-scheme: dark;

  /* A dark charcoal-navy, not pure black — reads as "cinematic" without the
     crushed, airless feel of #000. Every value below was re-verified at
     4.5:1+ against the lighter palette (see tokens.css git history for the
     old true-black numbers if ever reverting). */
  --bg:        #14161c;
  --bg-alt:    #1a1d24;   /* alternating section background */
  --bg-panel:  #20232b;   /* cards, tables, figure chrome */
  --bg-panel-2: #282c35;  /* hover / nested panel */
  --ink:       #ffffff;
  --ink-soft:  #b4b4ba;   /* 8.76:1 vs --bg, 6.78:1 vs --bg-panel-2 */
  --ink-faint: #95959c;   /* 6.08:1 vs --bg, 4.70:1 vs --bg-panel-2 — small/mono text */
  --ink-faint-deco: #4d4d55; /* decorative only — borders, icons, never text */
  --rule:      #2c2f38;   /* hairline dividers — intentionally near-invisible */

  --un-blue:      #4da3ff;
  --un-blue-deep: #1f6fe0;
  --un-blue-tint: rgba(77,163,255,0.1);

  /* Philippine flag triad — two speaker voices plus a shared national accent.
     Equal weight, equal saturation/lightness as text colours. Identification
     only: neither voice colour signals "correct". */
  --voice-ressa:  #ff5b6e;
  --voice-lazaro: #6f9aff;
  --voice-ressa-tint:  rgba(255,91,110,0.1);
  --voice-lazaro-tint: rgba(111,154,255,0.1);
  --ph-red:       #ff5b6e;
  --ph-blue:      #6f9aff;
  --ph-gold:      #ffd84d;

  /* Confidence scale — ink density, not hue. Higher confidence = denser ink.
     Epistemic scale (how well-sourced), never applied to the two speakers'
     relative standing. */
  --conf-un-official: var(--ink);
  --conf-primary:     #e4e4e8;
  --conf-secondary:   #a5a5ac;
  --conf-analysis:    #95959c;
  --conf-unverified:  #ff7a63;

  --strength-strong:    #ffffff;
  --strength-moderate:  #c6c6cc;
  --strength-weak:      #95959c;
  --strength-contested: #ff5b6e;

  /* Type scale — big, confident, cinematic. */
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: 1.6rem;
  --step-3: 2.1rem;
  --step-4: 2.8rem;
  --step-5: 4rem;
  --step-6: 6rem;
  --step-hero: clamp(3rem, 9vw, 7.5rem);

  --space-1: 0.6rem;
  --space-2: 1.1rem;
  --space-3: 1.8rem;
  --space-4: 3.2rem;
  --space-5: 5.5rem;
  --space-6: 9rem;

  --measure: 42rem;
  --measure-wide: 68rem;

  --font-serif: var(--font-sans); /* the serif register is retired — sans everywhere, product-site style */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;

  --radius: 14px;
  --radius-sm: 8px;
  --dur-1: 160ms;
  --dur-2: 420ms;
  --ease: cubic-bezier(.2,.65,.3,1);
}