/*
  Sideline Shift — Theme overrides
  ====================================================
  This file is the one place to restyle the website without
  touching the main styles.css. Admin users (or future CMS
  integrations) should edit only this file to change colors,
  fonts, or brand values site-wide.

  Tokens that can be changed:
  --brand          Main accent (buttons, links, borders)  default #2F6B3B Athletic Green
  --brand-hover    Hover state of the above               default #255730
  --brand-tint     Very light tint of brand               default #EAF4EE
  --on-brand       Text on brand-colored backgrounds      default #FFFFFF
  --nav            Header / hero dark background          default #020617
  --bg             Page background                        default #FAF8F3
  --surface        Card / panel background                default #FFFFFF
  --text           Body text                              default #111827
  --font-display   Heading / wordmark font                default Helvetica Neue Bold
  --font-body      Body copy font                         default system-ui
*/

:root {
  /* ── Brand accent ── */
  /* --brand: #2F6B3B; */
  /* --brand-hover: #255730; */
  /* --on-brand: #FFFFFF; */

  /* ── Header / hero background ── */
  /* --nav: #020617; */

  /* ── Page / surface ── */
  /* --bg: #FAF8F3; */
  /* --surface: #FFFFFF; */

  /* ── Typography ── */
  /* --font-display: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif; */
  /* --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; */
}

/* Dark-mode overrides (uncomment to customize) */
/*
@media (prefers-color-scheme: dark) {
  :root {
    --brand: #4CA05F;
    --bg: #0B1220;
    --surface: #111A2B;
  }
}
*/