/* Slide theme variables.
   Runtime themes set `--t-*` via injected CSS (server) or JS (client).
   IMPORTANT: these are scoped to `.slide` so the *application UI* is not theme-branded. */

:root {
  /* Presenter (not theme-specific, but used by presenter layout) */
  --presenter-topbar-height: 56px;
}

.slide {
  /* Slide backgrounds */
  --slide-bg-lime: var(--t-slide-bg-lime, #e2fe52);
  --slide-bg-mist: var(--t-slide-bg-mist, #e0e6e2);
  /* The deep brand-tinted surface (chapter-title, quote, countdown's dark
     variant), set by themes as `--t-slide-bg-dark`. */
  --slide-bg-dark: var(--t-slide-bg-dark, #212121);

  /* Default slide colours live in 00-tokens.css as the --slide-* colour
     roles (--slide-surface, --slide-on-surface, --slide-accent, …); the old
     --color-* alias spelling is gone (slide-roles.md § What disappears). */

  /* Typography */
  --font-heading: var(--t-font-heading, Arial, sans-serif);
  --font-body: var(--t-font-body, Arial, sans-serif);
  --font-caption: var(--t-font-caption, var(--font-body));
  --font-mono: var(
    --t-font-mono,
    'JetBrains Mono',
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    'Liberation Mono',
    'Courier New',
    monospace
  );
  --heading-transform: var(--t-heading-transform, none);
  --heading-weight: var(--t-heading-weight, 400);
  --logo-url: var(--t-logo-url, url('/assets/images/logo.svg'));

  /* Slide sizing lives in 00-tokens.css (e.g. --slide-font-size-title,
     --slide-padding) — no duplicates here. */
}