/* Design tokens: the only place colors, type sizes, spacing and radii are defined.
   Rebrand by editing this file. Dark mode redefines the same names. */
:root {
  --bg: #f4faec; --ink: #3c3c3c; --fg: #4b4b4b; --muted: #666666; --line: #e5e5e5;
  --glass: rgba(255, 255, 255, 0.82); --solid: #ffffff; --surface: #ffffff;
  --accent: #3f8f00; --accent-2: #1cb0f6; --accent-3: #ce82ff; --on-accent: #143300;
  --accent-soft: #e0f7c8; --plate: #2d6a00; --glow: #58cc02;
  --b1: #c9f59a; --b2: #ffe99a; --b3: #bfe6fb;
  --warn: #8a5a00; --warn-soft: #fff1cc; --bad: #b3261e; --bad-soft: #ffe0e0;
  --shadow: 0 12px 28px rgba(70, 130, 0, 0.14);
  --grad: linear-gradient(180deg, #6fe00a, #58cc02); --gt: linear-gradient(90deg, #58cc02, #1cb0f6);
  --fill: #58cc02; --fill-d: #58a700; --blue: #1cb0f6; --blue-d: #0e7bb0; --yellow: #ffc800; --yellow-d: #e5b400; --orange: #ff9600; --purple: #ce82ff; --red: #ff4b4b;
  --g-l: #d7ffb8; --b-l: #ddf4ff; --y-l: #fff3c4; --p-l: #f4e5ff; --r-l: #ffdfe0; --p-d: #8a3fd0;
  --t1: #58a700; --t2: #58cc02; --t3: #89e219; --trunk: #8a5a2b; --sky1: #cdeeff; --sky2: #f4faec;
  --rp-golfer: #0b6ea3; --rp-attendant: #9a5600; --rp-maintenance: #7a2fc0; --rp-mechanic: #7a5a00; --rp-grounds: #2f7a00; --rp-stock: #b3261e;
  --font-display: "Nunito", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  /* type scale (fluid) */
  --fs-100: clamp(0.8rem, 0.78rem + 0.1vw, 0.875rem);
  --fs-200: 1rem;
  --fs-300: clamp(1.05rem, 1rem + 0.3vw, 1.2rem);
  --fs-400: clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
  --fs-500: clamp(1.9rem, 1.4rem + 2.4vw, 2.9rem);
  --fs-600: clamp(2.4rem, 1.5rem + 4.4vw, 4.4rem);
  /* space */
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem; --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4.5rem;
  /* shape and motion */
  --r-sm: 12px; --r-md: 18px; --r-lg: 24px; --r-pill: 999px;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1); --dur: 0.25s;
  /* layout */
  --gutter: clamp(16px, 4vw, 32px); --container: 1100px; --header-h: 68px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --bg: #131f24; --ink: #f1f7fb; --fg: #dce6ec; --muted: #a5b8c2; --line: #37464f;
  --glass: rgba(32, 47, 54, 0.82); --solid: #1f2d34; --surface: #1f2d34;
  --accent: #89e219; --accent-soft: rgba(88, 204, 2, 0.18); --on-accent: #0f2400; --plate: #2f6b00; --glow: #89e219;
  --b1: #2d5a12; --b2: #5c4a0a; --b3: #14455c;
  --warn: #ffd25a; --warn-soft: rgba(255, 200, 0, 0.16); --bad: #ff8a80; --bad-soft: rgba(255, 75, 75, 0.16);
  --shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
  --g-l: rgba(88, 204, 2, 0.2); --b-l: rgba(28, 176, 246, 0.2); --y-l: rgba(255, 200, 0, 0.18); --p-l: rgba(206, 130, 255, 0.2); --r-l: rgba(255, 75, 75, 0.2); --p-d: #d9a6ff;
  --blue-d: #49c0f8; --t1: #2f6b00; --t2: #3f8f00; --t3: #58a700; --trunk: #6b4423; --sky1: #1b3a4a; --sky2: #131f24;
  --rp-golfer: #6fd0ff; --rp-attendant: #ffbf66; --rp-maintenance: #d9a6ff; --rp-mechanic: #ffd25a; --rp-grounds: #a6ee63; --rp-stock: #ff8a80;
  color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #131f24; --ink: #f1f7fb; --fg: #dce6ec; --muted: #a5b8c2; --line: #37464f;
  --glass: rgba(32, 47, 54, 0.82); --solid: #1f2d34; --surface: #1f2d34;
  --accent: #89e219; --accent-soft: rgba(88, 204, 2, 0.18); --on-accent: #0f2400; --plate: #2f6b00; --glow: #89e219;
  --b1: #2d5a12; --b2: #5c4a0a; --b3: #14455c;
  --warn: #ffd25a; --warn-soft: rgba(255, 200, 0, 0.16); --bad: #ff8a80; --bad-soft: rgba(255, 75, 75, 0.16);
  --shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
  --g-l: rgba(88, 204, 2, 0.2); --b-l: rgba(28, 176, 246, 0.2); --y-l: rgba(255, 200, 0, 0.18); --p-l: rgba(206, 130, 255, 0.2); --r-l: rgba(255, 75, 75, 0.2); --p-d: #d9a6ff;
  --blue-d: #49c0f8; --t1: #2f6b00; --t2: #3f8f00; --t3: #58a700; --trunk: #6b4423; --sky1: #1b3a4a; --sky2: #131f24;
  --rp-golfer: #6fd0ff; --rp-attendant: #ffbf66; --rp-maintenance: #d9a6ff; --rp-mechanic: #ffd25a; --rp-grounds: #a6ee63; --rp-stock: #ff8a80;
  color-scheme: dark;
}