:root {
  --wall: #D9D4C8;
  --mat: #EFEDE6;
  --mat-2: #E7E4DB;
  --frame: #C4BEAF;
  --frame-soft: #D5CFC1;
  --ink: #2A2822;
  --muted: #645E50;
  --faint: #79725F;
  --accent: #245049;
  --accent-2: #5F4063;
  --heart: #B23327;
  --warn: #8A5D1C;
  --ok: #2f6b4f;
  --err: #a3402f;
  --pend: #6d6656;
  --on-accent: #fff;
  --veil: color-mix(in srgb, var(--mat) 86%, transparent);
  --scrim: color-mix(in srgb, var(--ink) 52%, transparent);
  --video-bg: #000;
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Hanken Grotesk", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
  --text-base: 15px;
  --text-xs: calc(var(--text-base) * 0.733);
  --text-sm: calc(var(--text-base) * 0.867);
  --text-md: calc(var(--text-base) * 1.133);
  --text-lg: calc(var(--text-base) * 1.267);
  --text-xl: calc(var(--text-base) * 1.4);
  --text-2xl: calc(var(--text-base) * 1.467);
  --text-3xl: calc(var(--text-base) * 1.733);
  --thumb-ratio: 3 / 4;
  --thumb-min: 158px;
  --idea-min: 288px;
  --radius: 3px;
  --radius-lg: 5px;
  --shadow: 0 18px 50px -20px rgba(40,36,28,.45);
  --card-max: 720px;
  --dialog-max: 640px;
  --fields-max: 820px;
  --grid-gap: 18px;
}