:root {
  --color-brand: #174f42;
  --color-brand-deep: #0e3028;
  --color-accent: #f1c84b;
  --color-page: #f6f2e9;
  --color-surface: #fffdf8;
  --color-ink: #16231e;
  --color-muted: #64706a;
  --color-line: #d8ddd5;
  --color-soft: #e7efe9;
  --color-hero-text: #d8e9e0;
  --color-hero-muted: #c6e4d7;
  --color-live-bg: #ffffff14;
  --color-live-border: #ffffff2b;
  --color-live-text: #d5ece1;
  --color-active-match: #fff8da;
  --color-backdrop: rgb(14 48 40 / 60%);
  --color-shadow: rgb(19 49 40 / 8%);
  --radius-card: 18px;
  --radius-control: 11px;
  --shadow-card: 0 14px 35px var(--color-shadow);
  --font-display: Georgia, serif;
  --font-body: ui-sans-serif, system-ui, sans-serif;
}