:root {
  --paper: #F5F4EF;
  --ink: #182420;
  --ink-rgb: 24, 36, 32;
  --paper-rgb: 245, 244, 239;
  --card: #EDEAE2;
  --green: #0E6B4A;
  --green-dark: #0A4F38;
  --green-tint: #7FD9AE;
  --green-keep: #5FC9A0;
  --red: #A93B2A;
  --amber: #C99A3D;
  --amber-light: #E4A94A;

  --border-light: rgba(var(--ink-rgb), 0.1);
  --border-light-strong: rgba(var(--ink-rgb), 0.2);
  --border-dark: rgba(var(--paper-rgb), 0.14);

  --text-light-primary: var(--ink);
  --text-light-body: rgba(var(--ink-rgb), 0.68);
  --text-light-muted: rgba(var(--ink-rgb), 0.5);
  --text-dark-body: rgba(var(--paper-rgb), 0.65);
  --text-dark-muted: rgba(var(--paper-rgb), 0.5);
  --text-dark-label: rgba(var(--paper-rgb), 0.75);

  --font-display: "Fraunces", serif;
  --font-body: "Inter", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;

  --radius-card: 14px;
  --radius-control: 8px;
  --radius-pill: 999px;

  --section-pad-y: 88px;
  --section-pad-x: 56px;
  --content-max: 1440px;
  --text-max: 760px;

  --shadow-elevated: 0 20px 40px -12px rgba(var(--ink-rgb), 0.35);
}