/*
 * THEME — the only stylesheet a new site's design should need to touch.
 * Swap these tokens (colors, fonts, radii) to reskin the site;
 * base.css (layout/components) stays the same across all sites.
 */
:root {
  /* Brand palette — inspired by felt game tables and cream okey tiles */
  --color-felt-900: #0f2e22;
  --color-felt-800: #16402f;
  --color-felt-700: #1f6b4c;
  --color-felt-600: #277f5b;
  --color-cream-50: #fefbf3;
  --color-cream-100: #fdf6e9;
  --color-cream-200: #f7ecd3;
  --color-amber-500: #e8a33d;
  --color-amber-600: #cf8a26;
  --color-tile-red: #c0392b;
  --color-tile-blue: #2e5fa3;
  --color-ink-900: #14201c;
  --color-ink-700: #33453d;
  --color-ink-500: #5b6f66;
  --color-border: #e4dcc6;

  --font-display: "Fraunces", "Georgia", serif;
  --font-body: "Inter", "Segoe UI", system-ui, sans-serif;

  --max-width: 72rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --shadow-card: 0 8px 24px -12px rgba(15, 46, 34, 0.25);
}