:root {
  --bg: #f6f1e7;
  --surface: #fffdf8;
  --surface-2: #efe8da;
  --border: #e3d8c4;
  --text: #2a2118;
  --text-muted: #7c6f5c;
  --clay: #c4622d;
  --clay-hover: #a8521f;
  --court: #1f5c3d;
  --court-soft: #2f7d54;
  --on-accent: #ffffff;

  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --radius: 12px;
  --radius-sm: 8px;
  --radius-pill: 999px;
  --shadow: 0 1px 2px rgba(42,33,24,.06), 0 8px 24px rgba(42,33,24,.06);
  --maxw: 1080px;
}

[data-theme="dark"] {
  --bg: #15110d;
  --surface: #1f1a14;
  --surface-2: #2a241c;
  --border: #352d22;
  --text: #ece3d4;
  --text-muted: #a8997f;
  --clay: #e08a4e;
  --clay-hover: #ef9d63;
  --court: #4fb07f;
  --court-soft: #3f8f66;
  --on-accent: #ffffff;
  --shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);
}