/* Design tokens */
:root {
  --ink: #102a36;
  --ink-soft: #2f4a58;
  --muted: #5f7380;
  --paper: #f5f8f9;
  --paper-elevated: #ffffff;
  --line: #d7e1e7;
  --accent: #0e7490;
  --accent-deep: #0f5f75;
  --accent-soft: #e7f6fb;
  --success: #0f766e;
  --shadow: 0 10px 30px rgba(16, 42, 54, 0.08);
  --shadow-soft: 0 1px 2px rgba(16, 42, 54, 0.06);

  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Source Sans 3", "Segoe UI", sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1.0625rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-2xl: clamp(1.75rem, 2.4vw, 2.1rem);
  --fs-3xl: clamp(2.35rem, 4.2vw, 3.4rem);
  --fs-4xl: clamp(2.8rem, 6vw, 4.4rem);
  --lh-tight: 1.12;
  --lh-body: 1.65;
  --measure: 42rem;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;

  --container: 1120px;
  --radius: 0.75rem;
  --radius-sm: 0.5rem;
  --header-h: 4.5rem;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 220ms;
}

[data-theme="dark"] {
  --ink: #eef5f8;
  --ink-soft: #c7d6df;
  --muted: #9bb0bc;
  --paper: #0b1620;
  --paper-elevated: #132230;
  --line: #2a3d4c;
  --accent: #2dd4bf;
  --accent-deep: #5eead4;
  --accent-soft: #143642;
  --shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.35);
}