/*
 * The NEXT UP colour tokens, for every public and portal page.
 *
 * Light by default (19 Oct: "make pages more white"): white surfaces, black
 * ink, and BLACK as the primary, so a primary button is black with white text
 * the way the home page's are. Anything marked `.theme-dark` — the header and
 * footer bars, which Nadeem specified black, and text set over a poster or
 * photo — gets the dark set back, so it keeps the look it had.
 *
 * Tailwind reads these through `rgb(var(--c-…) / <alpha-value>)` in each
 * page's config (partials/theme-head, public/assets/theme.js, the home page),
 * so `text-on-surface/70`, `border-on-surface/10` and the rest work inside
 * either set. Values are space-separated RGB channels for that reason.
 *
 * `on-primary` is the ink that sits ON a primary fill: white on the light
 * theme's black buttons, black on the dark theme's white ones.
 */
:root {
  --c-primary: 17 17 17;
  --c-primary-container: 38 38 38;
  --c-primary-fixed-dim: 42 42 42;
  --c-on-primary: 255 255 255;
  --c-background: 255 255 255;
  --c-surface: 255 255 255;
  --c-surface-dim: 245 245 245;
  --c-surface-container-lowest: 255 255 255;
  --c-surface-container-low: 250 250 250;
  --c-surface-container: 245 245 245;
  --c-surface-container-high: 239 239 239;
  --c-surface-container-highest: 230 230 230;
  --c-surface-variant: 230 230 230;
  --c-surface-bright: 255 255 255;
  --c-on-background: 17 17 17;
  --c-on-surface: 17 17 17;
  --c-on-surface-variant: 85 85 85;
  --c-outline: 138 138 138;
  --c-tertiary: 51 51 51;
  --c-secondary: 111 111 111;
  --c-error: 220 38 38;
  color-scheme: light;
}

.theme-dark {
  --c-primary: 255 255 255;
  --c-primary-container: 230 230 230;
  --c-primary-fixed-dim: 230 230 230;
  --c-on-primary: 17 17 17;
  --c-background: 17 17 17;
  --c-surface: 17 17 17;
  --c-surface-dim: 17 17 17;
  --c-surface-container-lowest: 14 14 14;
  --c-surface-container-low: 27 27 27;
  --c-surface-container: 31 31 31;
  --c-surface-container-high: 42 42 42;
  --c-surface-container-highest: 53 53 53;
  --c-surface-variant: 53 53 53;
  --c-surface-bright: 57 57 57;
  --c-on-background: 226 226 226;
  --c-on-surface: 226 226 226;
  --c-on-surface-variant: 189 189 189;
  --c-outline: 138 138 138;
  --c-tertiary: 207 207 207;
  --c-secondary: 200 198 197;
  --c-error: 239 68 68;
  color-scheme: dark;
}