/* =====================================================================
Golf Groupies - Unified Theme
All visuals (turf, flags, greens, textures) are pure CSS/SVG:
no external image files required.
===================================================================== */
:root {
--masters-green: #006747;
--masters-green-dark: #004d34;
--fairway-green: #2c5f2d;
--rough-green: #3f7d3f;
--sand-trap: #E1D5B8;
--sand-trap-light: #f0e9d8;
--flag-red: #D22730;
--flag-red-dark: #a81f26;
--clubhouse-wood: #4A3C31;
--clubhouse-wood-light: #6b5847;
--sky-blue: #cfe8f3;
--gold: #c8a951;
/* Hover/active shades of --gold, see the unified Buttons section
below, where every button on the site (whatever its original
Bootstrap variant) renders in these same three tones. */
--gold-light: #d9c385;
--gold-dark: #8c7639;
--white: #ffffff;
/* Team 2's color: a muted, deepened "water hazard" blue, picked to sit
comfortably next to the masters green and gold rather than Bootstrap's
bright default blue, which was the one un-themed color on the site. */
--team2-blue: #2E5F7A;
--team2-blue-dark: #234A61;
/* Sage/moss green: the Group tile background (see .group-tile below),
picked to sit quietly behind the site's gold buttons instead of
fighting them the way the old sky-blue tint did. */
--sage: #8A9A6E;
--sage-light: #E7EBDD;
--sage-dark: #5C6B45;
--radius-md: 10px;
--radius-lg: 16px;
--shadow-soft: 0 4px 14px rgba(0, 0, 0, 0.10);
--shadow-hover: 0 8px 22px rgba(0, 0, 0, 0.16);
/* Shared status pair (background/text) for the four "where things
stand" states repeated across .tile-flag, .status-*, and .state-badge
below (code review, 2026-09-09): the same four hex pairs were
hardcoded three separate times, so a future edit to one green badge
could silently drift from the other two. One definition here means
all three now visually move together by construction. */
--status-good-bg: #d4edda;
--status-good-text: #155724;
--status-pending-bg: #fff3cd;
--status-pending-text: #856404;
--status-bad-bg: #f8d7da;
--status-bad-text: #721c24;
--status-neutral-bg: #e2e3e5;
--status-neutral-text: #383d41;
}
/* ---------------------------------------------------------------------
Base
--------------------------------------------------------------------- */
body {
background-color: var(--sand-trap-light);
background-image:
radial-gradient(circle at 15% 10%, rgba(0, 103, 71, 0.05) 0, transparent 45%),
radial-gradient(circle at 85% 90%, rgba(0, 103, 71, 0.06) 0, transparent 40%);
background-attachment: fixed;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: var(--clubhouse-wood);
}
/* The sticky-footer layout has to live on the