/* ============================================================
   GolfBet — BRAND PALETTE (canonical)
   GB-31 · One green, one ink.

   This file is the single source of truth for GolfBet colour on
   the web. It mirrors, swatch for swatch, the `C` tokens in
   apps/mobile/src/theme/index.ts. If the app palette changes,
   change it there first, then mirror it here.

   RULES
   -----
   1. ONE green: --gb-mint (#34D399) is *the* brand green.
      Nothing else may be called "the GolfBet green".
   2. ONE ink:  --gb-ink (#0D2818) is *the* brand ink — the
      splash background, the dark page ground, and the text
      colour that sits on top of a mint button.
   3. --gb-mint-deep (#2BB183) is the ONLY sanctioned darker
      mint. Use it for hover / pressed / deep-fill states.
      Do not invent a second one.
   4. Never put white text on --gb-mint (1.9:1 — fails).
      Mint buttons take --gb-ink text (8.2:1), the same way
      `shared.primaryBtn` does in the app.
   5. Greys, whites and semantic colours (error red, warning
      amber, info blue) are NOT brand colours. Leave them.

   Documented exception: the G-flag mark (app icon, splash,
   share-card mark, site favicons) is the business-card green
   #3D8938 on --gb-ink. That is sanctioned. Do not "fix" it.
   ============================================================ */

:root {
  /* --- Backgrounds — layered depth (darkest → lightest) --- */
  --gb-bg0: #060E09;   /* deepest ground: footers, section bands, ticker */
  --gb-bg1: #0C1A12;   /* raised ground */
  --gb-bg2: #13261B;   /* cards, pills, inset surfaces */
  --gb-bg3: #1B3425;   /* elevated surfaces, deep-green gradient stops */

  /* --- Accent --- */
  --gb-mint:  #34D399; /* THE brand green: CTAs, links on dark, wordmark "Bet" */
  --gb-green: #4ADE80; /* secondary positive accent (status OK, "yes" cells) */
  --gb-lime:  #A3E635; /* rare highlight / streak accent */

  /* --- Ink --- */
  --gb-ink: #0D2818;   /* splash bg, dark page ground, text on mint buttons */

  /* --- Text --- */
  --gb-text:       #F0FDF4;  /* primary copy on dark */
  --gb-text-muted: #9CA3AF;  /* labels, captions, meta */

  /* --- Derived (the ONE sanctioned darker mint) --- */
  --gb-mint-deep: #2BB183;   /* hover / pressed / deep fill */

  /* --- rgb triplets, for rgba() glows and washes --- */
  --gb-mint-rgb: 52, 211, 153;
  --gb-green-rgb: 74, 222, 128;
  --gb-ink-rgb: 13, 40, 24;
  --gb-bg0-rgb: 6, 14, 9;
  --gb-bg2-rgb: 19, 38, 27;
  --gb-text-rgb: 240, 253, 244;
}