/* The Hip.Golf palette — the one definition the web surfaces share.
 *
 * WHY THIS FILE EXISTS
 * The colours were copied by hand into every surface: css/app.css, manage/,
 * play/ and admin/. Nothing kept them in step, and by the time this was written
 * they had ALREADY drifted — the console and the live-scores page were carrying
 * --ink-3 #66756c against the app's #5f6e64, --ink-4 #8b988f against #98a59c,
 * and a --line one percent lighter. Small enough that nobody would ever report
 * it; enough that the three pages were quietly not the same product.
 *
 * WHAT IS AND IS NOT IN HERE
 * Colour tokens only. No layout, no type scale, no components. app.css is 7,900
 * lines of mobile-first phone layout and none of it suits a desktop table or a
 * 15KB leaderboard, which is why those pages have their own CSS and should keep
 * it. What they must not have is their own idea of green.
 *
 * WHY app.css DOES NOT IMPORT THIS
 * It defines these tokens itself, twice — once for the dark theme it no longer
 * ships and once for light. Extracting them out of a stylesheet the whole app
 * depends on, in order to tidy two small pages, is a bad trade. Instead
 * tests/brand.test.js asserts that this file and app.css AGREE. Same guarantee,
 * none of the risk.
 *
 * VALUES ARE TAKEN FROM html[data-theme="light"] in app.css, because dark mode
 * was removed (DARK-MODE-REMOVED.md) and light is what actually renders.
 *
 * ⚠ play/index.html deliberately does NOT link this file. It is opened on a
 * course, possibly on one bar of signal, by somebody who has never heard of us,
 * and it is built to make exactly one network request. It therefore repeats
 * these values inline — and the test asserts the copy matches, so it cannot
 * drift either. Sharing the file everywhere would have cost that page its one
 * real design constraint to save eighteen lines.
 */
:root {
  /* Ground */
  --bg:        #e9efe8;
  --bg2:       #dfe7de;
  --surface:   #ffffff;
  --surface-2: #eef2ed;
  --surface-3: #e2e8e1;

  /* Brand */
  --green:     #187c4a;
  --green-lt:  rgba(28,138,82,.10);
  --gold:      #b07d1a;
  --gold-lt:   rgba(176,125,26,.10);

  /* Ink — never pure black */
  --ink:       #10201a;
  --ink-2:     #3a473f;
  --ink-3:     #5f6e64;
  --ink-4:     #98a59c;

  /* Value direction. --dn is the sanctioned bad-value red and may colour data;
     the logo's --brand red must never encode a score. */
  --up:        #157c44;
  --dn:        #d23b2b;
  --dn-lt:     rgba(210,59,43,.10);

  /* ── INK vs FILL ──
     --green/--gold/--up/--dn are FILL tones: right for a bar, a dot, a rule, a
     ring, or a display numeral big enough for WCAG's 3:1 large-text bar. As
     SMALL text they sit between 3.0:1 and 4.0:1 and fail AA — and the console's
     content is almost entirely small text in a table. These are the same tones
     darkened to carry a word. app.css has run this split for green, gold and
     dn since the light-first pass; the shared palette needs it too, because the
     console and the admin pages have no other source for it.
     (Values must match html[data-theme="light"] in app.css — brand.test.js
     asserts it.) */
  --green-ink: #157044;
  --gold-ink:  #7a5610;
  --up-ink:    #14663c;
  --dn-ink:    #b02d21;

  /* Rules */
  --line:      rgba(16,32,26,.09);
  --line-2:    rgba(16,32,26,.16);

  /* Chart series, for the white canvas. Copied deliberately from the light
     block of css/app.css rather than re-picked, because two of these were
     chosen by MEASUREMENT and not by eye: --c-scr was moved off blue-purple on
     19 Aug 2026 after scoring ΔE 2.2 against --c-putts under protanopia (the
     race chart seats both in one plot, identifying two different players), and
     --c-bird was deepened to clear 3:1 as a headline numeral. Re-picking them
     here would quietly undo both. The reasoning lives in app.css; this is the
     copy the console reads, since it does not load that file. */
  --c-score:   #b07d1a;
  --c-fw:      #1c8a52;
  --c-gir:     #2585b0;
  --c-putts:   #5a63cc;
  --c-scr:     #a3468c;
  --c-bird:    #a68a17;
  --c-dbl:     #d23b2b;
  --c-pen:     #d06a1a;
}