/* Palette + type bridge for the pages that still carry their own inline CSS.
   Loaded LAST in <head> so it wins on document order, and it redefines the old
   variable names in place rather than touching 85 hand-written layouts:

       --orange (the old terracotta accent)  ->  the new flag blue
       --sand / --bg / --border              ->  the new neutrals
       'DM Sans'                             ->  Libre Franklin + Source Serif 4

   Those pages keep their own spacing and structure; only colour and type move.
   New or rebuilt pages should link css/tokens.css + css/base.css instead and
   use the real token names. Delete this file once nothing links it. */

:root {
  /* remapped legacy names */
  --text:         #101418;
  --text-mid:     #3c444e;
  --text-light:   #6b737d;
  --orange:       #1b3c77;
  --orange-hover: #12294f;
  --orange-soft:  #edf1f8;
  --peach:        #c3d0e6;
  --sand:         #f4f5f3;
  --slate:        #6b737d;
  --slate-light:  #dfe2e0;
  --bg:           #ffffff;
  --border:       #dfe2e0;
  --white:        #ffffff;

  /* the calculator's status colours, retuned to sit with the blue */
  --green:        #1d6b4f;
  --green-soft:   #eef5f1;
  --red:          #b02333;
  --red-soft:     #fbeced;

  --serif: 'Source Serif 4', Georgia, serif;
  --sans:  'Libre Franklin', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body { font-family: var(--sans); }
h1, h2, h3, .logo { font-family: var(--serif); letter-spacing: -0.02em; }
h4, h5, h6 { font-family: var(--sans); }

/* the old sheets round everything to 8–14px; the new system is 4px flat */
.btn, button, input, select, textarea,
.card, .tool-card, .toolkit-card, .faq-item, .badge, .cta, .box { border-radius: 4px; }

/* numerals in tables and calculators should not jitter */
td, th, .num, output { font-variant-numeric: tabular-nums; }