/* ── Colour ──────────────────────────────────────────────────────────────
   Every hex here was sampled from supplied brand artwork:
   #286659 logo files · #F58232 "Khlong Toei" sub-lockup · #025940
   championship lockup · #FAF5F1 + #376E5B pitch-deck pages · #111111
   championship black.
   ───────────────────────────────────────────────────────────────────────── */
:root {
  /* Core brand */
  --green-club: #286659;      /* THE brand green. Logo, primary surfaces. */
  --green-deck: #376E5B;      /* Slightly lifted green used for deck / hero fills */
  --green-deep: #025940;      /* Championship green. Events & competition only. */
  --orange-padel: #F58232;    /* Accent. Headlines on green, numbers, icon tiles. */
  --cream-court: #FAF5F1;     /* Default page background. Never pure white paper. */
  --ink: #111111;             /* Championship black. Type on cream, dark mode base. */
  --white: #FFFFFF;

  /* Green ramp (tints/shades of --green-club, oklch-derived) */
  --green-900: #14332C;
  --green-800: #1C4A3F;
  --green-700: #286659;
  --green-600: #376E5B;
  --green-500: #4E8574;
  --green-400: #7BA79A;
  --green-300: #A9C6BC;
  --green-200: #D2E0DA;
  --green-100: #EAF1EE;

  /* Orange ramp */
  --orange-700: #B85A16;
  --orange-600: #D96C21;
  --orange-500: #F58232;
  --orange-400: #F89E5F;
  --orange-300: #FBC195;
  --orange-200: #FDDFC7;
  --orange-100: #FEF0E5;

  /* Neutrals — warm, drifting off the cream, never cold grey */
  --neutral-950: #111111;
  --neutral-900: #1E1C1A;
  --neutral-700: #4A4540;
  --neutral-500: #7C756D;
  --neutral-400: #A8A19A;
  --neutral-300: #CFC8C1;
  --neutral-200: #E6DFD9;
  --neutral-100: #F2ECE7;
  --neutral-50:  #FAF5F1;

  /* Semantic — surfaces */
  --surface-page: var(--cream-court);
  --surface-card: var(--white);
  --surface-sunken: var(--neutral-100);
  --surface-brand: var(--green-club);
  --surface-brand-alt: var(--green-deck);
  --surface-event: var(--green-deep);
  --surface-inverse: var(--ink);
  --surface-accent: var(--orange-padel);
  --surface-accent-soft: var(--orange-100);

  /* Semantic — text */
  --text-heading: var(--green-club);
  --text-body: var(--neutral-900);
  --text-muted: var(--neutral-500);
  --text-accent: var(--orange-padel);
  --text-on-brand: var(--cream-court);
  --text-on-brand-muted: rgba(250, 245, 241, .72);
  --text-on-accent: var(--white);
  --text-heading-on-brand: var(--orange-padel);

  /* Semantic — lines */
  --border-hairline: rgba(17, 17, 17, .12);
  --border-hairline-on-brand: rgba(250, 245, 241, .24);
  --border-accent: var(--orange-padel);
  --border-strong: var(--green-club);

  /* Status (expansion pipeline / booking states) */
  --status-live: var(--green-club);      /* Operational */
  --status-build: var(--orange-padel);   /* Development */
  --status-scout: var(--neutral-400);    /* Analysing / Partnership search */

  /* Focus */
  --focus-ring: 0 0 0 3px rgba(245, 130, 50, .45);
}

/* Dark / championship scope — used for event artwork and app dark surfaces. */
[data-theme="championship"] {
  --surface-page: var(--ink);
  --surface-card: #1A1A1A;
  --surface-sunken: #0A0A0A;
  --text-heading: var(--cream-court);
  --text-body: var(--cream-court);
  --text-muted: rgba(250, 245, 241, .6);
  --border-hairline: rgba(250, 245, 241, .16);
}