:root {
  /* Brand colors */
  --green-900: #173f27;
  --green-800: #006e2f;
  --green-700: #315c3d;
  --cream-100: #fbf8ef;
  --cream-200: #f4f7ed;
  --cherry-700: #d42b1f;
  --cherry-800: #a32118;
  --harvest-gold: #e0a921;
  --ink: #4d392f;
  --muted: #705f55;
  --white: #fff;
  --border: #d7d9d0;

  /* Semantic surfaces */
  --surface-page: var(--white);
  --surface-muted: var(--cream-200);
  --surface-warm: var(--cream-100);
  --surface-cherry-soft: #f3e1df;
  --surface-error-soft: #f8e9e8;
  --status-border: #dde5d8;
  --footer-text: #eef4ed;
  --status-eyebrow: #f4c6cd;

  /* Typography */
  --font-body: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: Georgia, "Times New Roman", serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* Layout and spacing */
  --shell: 74rem;
  --reading-width: 48rem;
  --section-space: clamp(3.5rem, 8vw, 7rem);
  --section-space-large: clamp(3.5rem, 9vw, 8rem);
  --section-space-compact: clamp(2rem, 7vw, 6rem);
  --control-min-height: 3rem;

  /* Shape and depth */
  --radius-small: 0.5rem;
  --radius: 1rem;
  --radius-large: 1.5rem;
  --radius-pill: 999px;
  --shadow: 0 18px 45px rgb(23 51 33 / 10%);
}