/* ============================================================
   tokens.css - shared design tokens (colour palette + type)

   Single source of truth for the Meraqi palette and font stacks.
   Load on every page (before the page's own <style>):
       <link rel="stylesheet" href="assets/tokens.css"/>
   Relative path, so it also resolves in local file:// preview.

   --ink is the TEXT colour; --bg is the background. Page-specific
   tokens stay in that page's own :root: --gold (legal pages), the
   --warn, --info and --accent-soft badge tokens plus color-scheme:dark
   (pricing pages). See /ARCHITECTURE.md.

   Text on the coral accent uses --on-accent (navy, 5.3:1). Cream on
   coral is 3.2:1 and fails WCAG AA at button sizes. Coral buttons hover
   to --accent-hover (peach, 8.9:1 with navy text), never to a darker
   coral. Pages reference these two with a literal fallback, because
   files under /assets stay in browser caches for up to four hours.
   ============================================================ */
:root{
  --bg: #001533;
  --bg-soft: #04223f;
  --card: #082c4d;
  --ink: #eef1ec;
  --cream-pure: #f7f8f4;
  --accent: #ee5a34;
  --accent-deep: #d8421f;
  --accent-ink: #f6a085;
  --on-accent: #001533;
  --accent-hover: #f6a085;
  --muted: #95a9bf;
  --muted-dim: #7a8ea3;
  --line: rgba(238,241,236,0.10);
  --line-strong: rgba(238,241,236,0.20);
  --wrap: 1200px;
  --fdisplay: "Bodoni Moda", "Didot", Georgia, serif;
  --fbody: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fmono: "JetBrains Mono", ui-monospace, monospace;
}