:root {
  --bg: #f6f8fb;
  --card: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --line: rgba(17, 24, 39, 0.10);
  --brand: #0f766e;
  --brand-dark: #115e59;
  --shadow: 0 12px 34px rgba(15, 23, 42, 0.10);
  --radius: 22px;

  /* Dynamic Court Colors (Updated in real-time by JS) */
  --play-color: #001630;
  --kitchen-color: #f26b0d;
  --border-color: #838383;
}