/* Hallmark · macrostructure: Workbench · tone: technical, archival · anchor hue: vermilion 12 deg
 * theme: custom (drafting table) · paper band light · display roman-serif (Fraunces) · accent warm
 * Every colour and font in this project comes from this file. styles.css and index.html only use var(--...).
 */
:root {
  /* Palette, as specified in the brief */
  --paper: #F8F5EE;
  --tray: #EFEAE0;
  --ink: #161615;
  --vermilion: #C84B31;
  --viridian: #24594C;
  --ultramarine: #2B4C7E;

  /* Derived neutrals and text-safe accents (all checked for AA on paper) */
  --paper-deep: #E4DDCD;
  --ink-muted: #5C574C;
  --rule: #CFC6B2;
  --rule-strong: #8F876F;
  --vermilion-ink: #A63A23;
  --focus: #2B4C7E;
  --scrim: #161615;

  /* Type */
  --font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-lg: 1.375rem;
  --text-xl: 2rem;
  --text-display: clamp(2.75rem, 1.6rem + 5.2vw, 6rem);
  --text-section: clamp(1.9rem, 1.3rem + 2.4vw, 3.25rem);

  /* Space, 4 pt scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 7rem;

  /* Shape and line */
  --radius: 2px;
  --rule-w: 1px;
  --rule-heavy: 2px;

  /* Motion */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in: cubic-bezier(0.5, 0, 0.8, 0.3);
  --ease-in-out: cubic-bezier(0.6, 0, 0.3, 1);
  --dur-s: 120ms;
  --dur-m: 240ms;
  --dur-l: 520ms;

  /* Layout */
  --measure: 62ch;
  --page-max: 82rem;
  --gutter: clamp(1rem, 0.4rem + 3vw, 3rem);
}