/* ============================================================
   DESIGN SYSTEM TOKENS — "Corporate Navy & Blue"
   Edit colours, type and spacing here; everything inherits.
   ============================================================ */
:root{
  /* Palette — light */
  --ink:#0F2742; --ink-soft:#34465C; --muted:#5E6B7A;
  --paper:#F4F6F9; --surface:#FFFFFF; --surface-2:#EBEFF5;
  --line:rgba(15,39,66,.12); --line-strong:rgba(15,39,66,.22);
  --accent:#1F5FBF; --accent-soft:#A9C5EC; --accent-tint:rgba(31,95,191,.10);
  --blue:#1A4E9E; --blue-tint:rgba(26,78,158,.10);
  --ok:#1B7A4B; --err:#C0392B;
  --shadow-sm:0 1px 2px rgba(15,39,66,.06),0 2px 8px rgba(15,39,66,.06);
  --shadow-md:0 8px 24px rgba(15,39,66,.10),0 2px 6px rgba(15,39,66,.06);
  --shadow-lg:0 24px 60px rgba(15,39,66,.16);

  /* Type */
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --t-xs:.78rem; --t-sm:.9rem; --t-base:1.04rem;
  --t-lg:clamp(1.15rem,1.4vw,1.3rem);
  --t-xl:clamp(1.5rem,2.4vw,2rem);
  --t-2xl:clamp(2rem,4vw,3rem);
  --t-3xl:clamp(2.6rem,6.5vw,5.2rem);
  --lead:1.7;

  /* Spacing (8pt) */
  --s-1:.5rem; --s-2:1rem; --s-3:1.5rem; --s-4:2rem; --s-5:3rem;
  --s-6:4.5rem; --s-7:6.5rem; --s-8:9rem;
  --container:1200px; --reading:68ch;

  /* Radius */
  --r-sm:8px; --r:14px; --r-lg:22px; --r-pill:999px;

  /* Motion */
  --ease:cubic-bezier(.22,1,.36,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --d-fast:.18s; --d:.45s; --d-slow:.8s;

  --hh:82px; /* header height */
}
html[data-theme="dark"]{
  --ink:#E7ECF2; --ink-soft:#AEBBCB; --muted:#7E8B9C;
  --paper:#0A1622; --surface:#10202F; --surface-2:#0D1A27;
  --line:rgba(231,236,242,.12); --line-strong:rgba(231,236,242,.22);
  --accent:#4D8FE0; --accent-soft:#23436B; --accent-tint:rgba(77,143,224,.16);
  --blue:#6CA0FF; --blue-tint:rgba(108,160,255,.16);
  --ok:#46c585; --err:#ff7a63;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 10px 30px rgba(0,0,0,.5);
  --shadow-lg:0 28px 70px rgba(0,0,0,.6);
}