/*
  Generic multi-tenant theme. Deliberately NOT Crestmont's country-club look
  (serif type, cream/gold palette) — this is the shared default shell every
  club sees before their own branding (logo + --club-accent) is layered in.
  Sporty/golf default: turf green + chalk white + a scorecard-style mono
  accent for numbers, modern sans display type instead of serif.
*/
:root{
  /* Neutral platform palette */
  --turf-900:#0f3d24;
  --turf-700:#166534;
  --turf-500:#2f9e56;
  --turf-300:#7fd39a;
  --turf-100:#e7f7ec;
  --sand-100:#faf8f3;
  --ink-900:#121815;
  --ink-600:#4b5a52;
  --ink-400:#8a978f;
  --line:rgba(15,61,36,0.14);
  --white:#ffffff;
  --warn:#b3491f;
  --gold:#d69a2d;

  /* Per-club override point — club.primaryColor is written here at runtime */
  --club-accent:var(--turf-700);
  --club-accent-soft:var(--turf-100);

  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:16px;
  --shadow-sm:0 1px 3px rgba(15,61,36,0.08);
  --shadow-md:0 4px 16px rgba(15,61,36,0.10);

  --font-display:'Outfit',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'Space Mono','SF Mono',monospace;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{min-height:100vh;}
body{
  font-family:var(--font-body);
  background:var(--sand-100);
  color:var(--ink-900);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--club-accent);text-decoration:none;}
h1,h2,h3{font-family:var(--font-display);color:var(--turf-900);line-height:1.15;}
.mono{font-family:var(--font-mono);}
.muted{color:var(--ink-600);}

/* Scorecard-motif divider used behind headers/section labels */
.turf-rule{
  height:3px;border-radius:2px;
  background:repeating-linear-gradient(90deg,var(--club-accent) 0 10px,transparent 10px 16px);
  opacity:0.55;
}

/* Golf-ball dot used for status/legend markers */
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;}
.dot-live{background:var(--turf-500);}
.dot-off{background:var(--ink-400);}

::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px;}