/**
 * Demoskop default brand theme.
 *
 * This is an identity-map of the tokens already defined in tokens.css.
 * Values are identical to the compile-time defaults so the Demoskop product
 * is pixel-identical before and after the branding layer is introduced.
 *
 * Loaded at runtime via /branding/theme.css (Express static mount).
 * Override any of these in a customer branch's branding/<customer>/theme.css.
 */
:root {
  /* ── Brand palette ── */
  --brand-primary: #064561;
  --brand-primary-hover: #053a52;
  --brand-primary-muted: rgba(6, 69, 97, 0.12);
  --brand-accent: #50b5b8;
  --brand-destructive: #982533;
  --brand-destructive-hover: #7a1d29;

  /* ── Loading bar and PWA theme-color ── */
  --loading-bar-color: #50b5b8;
  --brand-meta-theme-color: #171717;

  /* ── Font families ── */
  --font-sans: 'Work Sans', Arial, sans-serif;
  --font-heading: 'Cocogoose Pro', 'Work Sans', sans-serif;
  --font-mono: 'Roboto Mono', monospace;

  /* ── Discrete avatar/chip palette slots ── */
  --brand-palette-grey: #767878;
  --brand-palette-gold: #b8851a;       /* Header chip position 5 (lighter gold) */
  --brand-palette-gold-dark: #7c6a2a;  /* Avatar chip position 4 (darker gold) — different colour */
  --brand-palette-slate: #3d5a80;
  --brand-palette-plum: #5c3460;
}