/* Design tokens lifted from relentlessdc.com (measured, not guessed).
 *
 * Source values from the live site:
 *   font-family      Inter, sans-serif
 *   body colour      rgb(68,68,68)   -> #444444
 *   nav/heading ink  rgb(32,32,32)   -> #202020
 *   background       #ffffff
 *   headings         weight 700, letter-spacing -1px at 68.8px (~-0.015em)
 *
 * The site is monochrome and light-only. Light is the default here to match the
 * brand, but a dark scheme is included because this tool gets used in a dimly lit
 * AV booth, where a full-white screen at 8am on a Sunday is genuinely unpleasant.
 */

:root {
  --rdc-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* light — brand default */
  --rdc-bg: #ffffff;
  --rdc-surface: #fafafa;
  --rdc-border: #e4e4e4;
  --rdc-ink: #202020;
  --rdc-body: #444444;
  --rdc-muted: #767676;
  --rdc-accent: #202020;
  --rdc-accent-ink: #ffffff;

  /* state colours — the only place any hue enters the palette, because
   * "blocked" vs "ready" must not rely on brightness alone */
  --rdc-ok: #1c7c4a;
  --rdc-warn: #8a6100;
  --rdc-error: #a32222;

  --rdc-radius: 4px;
  --rdc-gap: 1rem;
  --rdc-maxw: 68rem;

  --rdc-h1-tracking: -0.015em;
  --rdc-h2-tracking: -0.01em;
}

@media (prefers-color-scheme: dark) {
  :root {
    --rdc-bg: #131313;
    --rdc-surface: #1c1c1c;
    --rdc-border: #2e2e2e;
    --rdc-ink: #f4f4f4;
    --rdc-body: #c2c2c2;
    --rdc-muted: #8c8c8c;
    --rdc-accent: #f4f4f4;
    --rdc-accent-ink: #131313;
    --rdc-ok: #5ac489;
    --rdc-warn: #d9a640;
    --rdc-error: #e8736b;
  }
}

/* Explicit overrides win in both directions, so a future theme toggle can
 * override the OS preference rather than fight it. */
:root[data-theme='light'] {
  color-scheme: light;
  --rdc-bg: #ffffff;
  --rdc-surface: #fafafa;
  --rdc-border: #e4e4e4;
  --rdc-ink: #202020;
  --rdc-body: #444444;
  --rdc-muted: #767676;
  --rdc-accent: #202020;
  --rdc-accent-ink: #ffffff;
  --rdc-ok: #1c7c4a;
  --rdc-warn: #8a6100;
  --rdc-error: #a32222;
}

:root[data-theme='dark'] {
  color-scheme: dark;
  --rdc-bg: #131313;
  --rdc-surface: #1c1c1c;
  --rdc-border: #2e2e2e;
  --rdc-ink: #f4f4f4;
  --rdc-body: #c2c2c2;
  --rdc-muted: #8c8c8c;
  --rdc-accent: #f4f4f4;
  --rdc-accent-ink: #131313;
  --rdc-ok: #5ac489;
  --rdc-warn: #d9a640;
  --rdc-error: #e8736b;
}