/* Stratri — Color tokens
   A warm, intellectual palette: cream paper, deep navy ink, petrol-teal accent,
   muted policy blue. Editorial, calm, policy-focused — never neon or corporate-bright. */
:root {
  /* ---- Base brand palette ---- */
  --stratri-cream:        #F7F5F0; /* primary paper / page background */
  --stratri-cream-deep:   #F7F5F0; /* secondary surface, section banding */
  --stratri-cream-edge:   #ECE6DF; /* hairline borders on cream */
  --stratri-white:        #F7F5F0; /* cards, elevated surfaces */

  --stratri-navy:         #2A344D; /* primary ink / headings / dark fills */
  --stratri-navy-700:     #2B3A5A; /* hover on navy */
  --stratri-teal:         #184A5A; /* primary accent — links, emphasis, buttons */
  --stratri-teal-600:     #1E5B6E; /* teal hover (lighter) */
  --stratri-teal-800:     #123A47; /* teal press (darker) */
  --stratri-blue:         #9FB7C8; /* muted policy blue — supporting fills, tags */
  --stratri-blue-soft:    #C7D6E0; /* lighter blue wash */
  --stratri-slate:        #536B7D; /* hand-drawn icon stroke / muted UI line */

  /* ---- Ink opacities (navy on cream) ---- */
  --stratri-ink-90:  rgba(30, 42, 69, 0.90);
  --stratri-ink-80:  rgba(30, 42, 69, 0.80);
  --stratri-ink-70:  rgba(30, 42, 69, 0.70);
  --stratri-ink-60:  rgba(30, 42, 69, 0.60);
  --stratri-ink-40:  rgba(30, 42, 69, 0.40);
  --stratri-ink-12:  rgba(30, 42, 69, 0.12);
  --stratri-ink-08:  rgba(30, 42, 69, 0.08);

  /* ---- Semantic aliases ---- */
  --surface-page:    var(--stratri-cream);
  --surface-sunken:  var(--stratri-cream-deep);
  --surface-card:    var(--stratri-white);
  --surface-dark:    var(--stratri-navy);
  --surface-accent:  var(--stratri-teal);

  --text-primary:    var(--stratri-navy);
  --text-secondary:  var(--stratri-ink-70);
  --text-muted:      var(--stratri-ink-60);
  --text-accent:     var(--stratri-teal);
  --text-on-dark:    var(--stratri-cream);

  --border-subtle:   var(--stratri-ink-08);
  --border-default:  var(--stratri-ink-12);
  --border-strong:   var(--stratri-slate);
  --border-accent:   rgba(24, 74, 90, 0.30);

  --accent:          var(--stratri-teal);
  --accent-hover:    var(--stratri-teal-600);
  --accent-press:    var(--stratri-teal-800);
  --accent-soft:     var(--stratri-blue);

  /* ---- Domain colors (Technology · Policy · Society) ---- */
  --domain-technology: var(--stratri-navy);
  --domain-policy:     var(--stratri-teal);
  --domain-society:    var(--stratri-blue);

  /* ---- Focus ring ---- */
  --ring: rgba(24, 74, 90, 0.45);
}