/* =====================================================================
   Charter · design tokens
   The official document, made friendly. Light is "Day issue" (security
   paper with a lilac guilloche); dark is "Night issue". --seal is the one
   accent (buttons, links, stamps, the lit phrase); --navy carries the
   document's ink and the map; --foil drives the holographic seal.
   ===================================================================== */
:root {
  color-scheme: light;
  --paper: #f6f4f9;
  --card: #fffeff;
  --well: #ece8f3;
  --line: #d9d3e4;
  --guilloche: #c9bfe0;               /* security print lines */
  --ink: #1a2140;
  --ink-2: #3a4060;
  --muted: #5d6280;
  --seal: #a2273b;
  --seal-2: #83192c;
  --on-seal: #ffffff;
  --seal-soft: #f6dfe4;
  --navy: #22306b;
  --navy-soft: #e2e6f6;
  --ok: #1f6f5c;
  --foil-1: #b8e0ff;
  --foil-2: #f7c8f0;
  --foil-3: #fff1b8;
  --focus: #2457d6;
  --shadow-card: 0 1px 0 rgba(26, 33, 64, 0.06), 0 12px 28px -18px rgba(26, 33, 64, 0.4);
  --shadow-doc: 0 1px 1px rgba(26, 33, 64, 0.08), 0 30px 60px -30px rgba(26, 33, 64, 0.55);

  --display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --body: "Libre Franklin", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --fs-h1: clamp(42px, 5.8vw, 84px);
  --fs-h2: clamp(32px, 3.8vw, 54px);
  --fs-h3: 21px;
  --fs-lead: clamp(18px, 1.35vw, 21px);
  --fs-body: 17px;
  --fs-small: 15px;
  --fs-label: 11.5px;

  --wrap: 1200px;
  --gutter: max(20px, 4vw);
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 40px; --s-7: 64px; --s-8: 104px;

  --r-s: 8px;
  --r-m: 14px;
  --r-l: 22px;
  --r-pill: 999px;

  --ease: cubic-bezier(0.22, 0.75, 0.3, 1);
  --stamp: cubic-bezier(0.3, 1.5, 0.5, 1);
  --d-fast: 150ms;
  --d: 300ms;
  --d-slow: 700ms;
}

/* ---------- Night issue ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #12131d;
    --card: #1b1d2b;
    --well: #161825;
    --line: #2f3348;
    --guilloche: #3a3560;
    --ink: #eef0fa;
    --ink-2: #c9cde2;
    --muted: #9ba0bd;
    --seal: #ff8fa0;
    --seal-2: #ffb0bc;
    --on-seal: #2a0710;
    --seal-soft: #3a1820;
    --navy: #9fb0ff;
    --navy-soft: #1f2650;
    --ok: #6fd6b8;
    --focus: #9fb0ff;
    --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 12px 28px -16px rgba(0, 0, 0, 0.8);
    --shadow-doc: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 30px 60px -28px rgba(0, 0, 0, 0.9);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #12131d;
  --card: #1b1d2b;
  --well: #161825;
  --line: #2f3348;
  --guilloche: #3a3560;
  --ink: #eef0fa;
  --ink-2: #c9cde2;
  --muted: #9ba0bd;
  --seal: #ff8fa0;
  --seal-2: #ffb0bc;
  --on-seal: #2a0710;
  --seal-soft: #3a1820;
  --navy: #9fb0ff;
  --navy-soft: #1f2650;
  --ok: #6fd6b8;
  --focus: #9fb0ff;
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 12px 28px -16px rgba(0, 0, 0, 0.8);
  --shadow-doc: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 30px 60px -28px rgba(0, 0, 0, 0.9);
}