:root {
  --primary: #B64B28;
  --primary-ink: #8A3518;
  --accent: #0B6E69;
  --accent-ink: #085652;
  --background: #FFF8F2;
  --surface: #FFFFFF;
  --surface-2: #FCE8D7;
  --surface-3: #F4E4D4;
  --felt: #E8D2BA;
  --text: #312019;
  --muted: #5C463A;
  --muted-2: #745D50;
  --border: #EBCDBA;
  --border-strong: #D9B39A;
  --soft-border: #EBCDBA;
  --primary-border: #B64B28;
  --focus: #0B6E69;
  --danger: #8A3518;
  --ok: #0B6E69;
  --ink: #312019;
  --paper: #FFF8F2;
  --shadow-card: 0 8px 24px rgba(49, 32, 25, 0.06);
  --shadow: 0 8px 24px rgba(49, 32, 25, 0.06);
  --radius: 4px;
  --radius-card: 6px;
  --header-h: 72px;
  --max: 1180px;
  --prose: 68ch;
  --font: "Roboto", "Noto Sans Devanagari", system-ui, sans-serif;
  --mono: "Roboto", ui-monospace, monospace;
  --gradient-tile: linear-gradient(180deg, #FFFFFF 0%, #FFF8F2 100%);
  --bg-2: #FCE8D7;
  --cta-fg: #FFF8F2;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion: 0;
  }
}