/* DRTX brand tokens — v1.0 (October 2026) */

/*
 * Vendored copy. One deliberate change from the brand original: its
 * @import of fonts.googleapis.com has been removed.
 *
 * Three reasons, in order of how much they matter:
 *  - Every visitor's browser would announce itself to a third party to read
 *    a page about a darts club. The people on these pages did not agree to
 *    that and there is no reason to ask them to.
 *  - The Content-Security-Policy on this site allows nothing off-origin, so
 *    the request would be blocked anyway and the page would quietly fall
 *    back to Arial while reporting a violation nobody is reading.
 *  - A venue on a pub's broadband should not wait on somebody else's CDN.
 *
 * The same two faces are served from arena/fonts/ and declared in
 * css/arena.css. Updating the brand file means re-applying this.
 */

:root {
  /* Brand colours */
  --drtx-navy: #082F49;
  --drtx-teal: #0E7490;
  --drtx-cyan: #06B6D4;
  /* Neutrals */
  --drtx-midnight: #04131F;
  --drtx-ice: #E9F0F4;
  --drtx-white: #FFFFFF;

  /* Semantic (dark theme default) */
  --drtx-bg: var(--drtx-midnight);
  --drtx-surface: var(--drtx-navy);
  --drtx-text: var(--drtx-white);
  --drtx-text-muted: #B9D3DF;
  --drtx-accent: var(--drtx-cyan);
  --drtx-live: var(--drtx-cyan);
  --drtx-border: #1D4A66;

  /* Type */
  --drtx-font-sans: 'Archivo', 'Arial', sans-serif;
  --drtx-font-display: 'Archivo', 'Arial Black', sans-serif;
  --drtx-font-mono: 'JetBrains Mono', 'Consolas', monospace;
  --drtx-display-stretch: 125%;
  --drtx-h2-stretch: 112%;
  --drtx-label-tracking: 0.14em;

  /* Shape */
  --drtx-radius: 4px;
  --drtx-edge-bar: 5px;
}

/* Light theme */
[data-theme="light"] {
  --drtx-bg: var(--drtx-white);
  --drtx-surface: var(--drtx-ice);
  --drtx-text: var(--drtx-navy);
  --drtx-text-muted: #24485C;
  --drtx-accent: var(--drtx-teal);
  --drtx-border: #C9D8E0;
}

.drtx-display { font-family: var(--drtx-font-display); font-weight: 900; font-stretch: var(--drtx-display-stretch); text-transform: uppercase; line-height: 0.95; }
.drtx-h2 { font-family: var(--drtx-font-sans); font-weight: 800; font-stretch: var(--drtx-h2-stretch); }
.drtx-label { font-family: var(--drtx-font-mono); font-size: 12px; letter-spacing: var(--drtx-label-tracking); text-transform: uppercase; }
.drtx-score { font-family: var(--drtx-font-mono); font-weight: 600; font-variant-numeric: tabular-nums; }
.drtx-live { box-shadow: inset var(--drtx-edge-bar) 0 0 var(--drtx-live); }