/* Club Hub's colours, light only (ladder + navy sidebar + one card shadow). Shared by the React client (linked from client/index.html) and the server-rendered pages
 * (linked from views/_public-head.ejs and views/layout/header.ejs by the other builder).
 * The selector below, html:root.dpt-v5, is (0,2,1): it beats the kit's :root.dpt-v5 block whatever the load order.
 */
html:root.dpt-v5 {
  color-scheme: light;
  /* A deeper canvas so white cards stand off it, a visible
     card edge under a two-layer soft shadow. The page never takes a club tint. */
  --dp5-canvas: #E7EAEF;
  --dp5-surface: #FFFFFF;
  --dp5-raised: #E8E8EC;
  --dp5-raised-hover: #E0E1E6;
  --dp5-raised-press: #D9D9E0;
  --dp5-line: #D9D9E0;
  --dp5-line-canvas: #CDCED6;
  --dp5-line-card: #D5D9E0;
  --dp5-line-strong: #80838D;
  --dp5-skel: #E0E1E6;
  --dp5-tabbar: #FFFFFF;
  --dp5-scrim: rgba(17, 17, 19, .45);
  --dp5-shadow-card: 0 1px 2px rgba(16, 24, 40, .06), 0 3px 10px -2px rgba(16, 24, 40, .07);
  --dp5-shadow-sheet: 0 12px 32px rgba(17, 17, 19, .16);
  --dp5-text: #1C2024;
  --dp5-text-2: #3A3E46;
  --dp5-text-3: #60646C;
  --dp5-text-off: #8B8D98;
  --dp5-placeholder: #60646C;
  --dp5-ink: #111113;
  --dp5-primary: #1C2024;
  --dp5-primary-ink: #FFFFFF;
  --dp5-primary-hover: #2E3238;
  --dp5-primary-press: #3A3E46;
  --dp5-secondary-wash: #E8E8EC;
  --dp5-secondary-wash-press: #E0E1E6;
  /* The navy sidebar plane (Club Hub's own, not the kit's #0C1322): white ink, overlays for hover/active. */
  --ch-side: #0F1A2E;
  --ch-side-ink: #FFFFFF;
  --ch-side-ink-2: rgba(255, 255, 255, .78);
  --ch-side-ink-3: rgba(255, 255, 255, .62);
  --ch-side-hover: rgba(255, 255, 255, .08);
  --ch-side-on: rgba(255, 255, 255, .14);
  --ch-side-line: rgba(255, 255, 255, .12);
  --ch-side-top: #14233D;
  --ch-side-bottom: #0C1526;
  --dp5-good: #236E33;
  --dp5-good-tint: transparent;
  --dp5-warn: #945500; /* Wave 1: #9A5800 was 4.27:1 on the new (darker) --dp5-raised-hover; walked one step
                          darker, hue/saturation kept, same as lib/club-palette.ts's walk() (4.52:1, the smallest
                          step that clears 4.5:1 on every surface). */
  --dp5-warn-tint: transparent;
  --dp5-bad: #B8242A;
  --dp5-bad-tint: #FDEDED;
  --dp5-bad-deep: #B8242A;
  --dp5-info: #0B65B5;
  --dp5-info-tint: transparent;
  /* The few fixed colours the polish adds. Results say which way they went in colour AND words (improved green,
     steady grey, down amber); a PR is a small ink tag with white "PR" whatever the club's colours. Do not bring back a
     gold star for PRs. */
  --ch-good-ink: #1D7842;
  --ch-good-dot: #22A35A;
  --ch-down-ink: #8F5200;
  --ch-down-dot: #D08A1A;
  --ch-flat-dot: #9A9DA6;
  --ch-pr: #1C2024;
  --ch-pr-ink: #FFFFFF;
  --ch-track: #E6E8EC;
  --ch-rule: #E3E6EB;
  --ch-row-hover: #F6F7F9;
  --ch-btn-edge: #BFC3CB;
  --ch-btn-edge-hover: #8E929B;
  /* Team hues, in the order a club's teams take them (the server assigns index % 6). Amber (the old hue-3) left: it
     sat 1.28:1 from the warn dot, so an amber team read as a warning. Cyan is last, so a club with five or fewer
     teams never shows blue and cyan side by side (CIEDE2000 17 from blue, 22 from the nearest status colour). Each
     clears 3:1 on white as a graphic (TeamChip.vitest.ts). */
  --dp5-hue-0: #CC4E00;
  --dp5-hue-1: #0D74CE;
  --dp5-hue-2: #6550B9;
  --dp5-hue-3: #C2298A;
  --dp5-hue-4: #008573;
  --dp5-hue-5: #0891B2;
  /* Picked by a director only. Never assigned automatically (the server's automatic
     spread stays 0-5). No green (it means good/money) and no grey (it means no team). Each clears 3:1
     on every light surface. */
  --dp5-hue-6: #D1263F;
  --dp5-hue-7: #203E6B;
  --dp5-hue-8: #2B2F36;
  --dp5-hue-9: #6D4C41;
  --dp5-chart-other: #60646C;
  --dp5-chart-axis: #3A3E46;
  --dp5-chart-base: #D9D9E0;
  --dp5-chart-point: #1C2024;
  --club-text: var(--club-text-l);
  --club-fill: var(--club-button-l);
  --club-primary-dark: var(--club-button-l);
  --club-button: var(--club-button-l);
  --club-button-ink: var(--club-button-ink-l);
  --club-fill-ink: var(--club-button-ink-l);
}

/* The kit maps data-hue 0-5 only. A director-picked 6-9 sets --hue here. */
[data-hue="6"] { --hue: var(--dp5-hue-6); }
[data-hue="7"] { --hue: var(--dp5-hue-7); }
[data-hue="8"] { --hue: var(--dp5-hue-8); }
[data-hue="9"] { --hue: var(--dp5-hue-9); }