:root {
  /* Watt Bounty brand palette: Navy & Amber (generated by src/final_kit.py) */
  --wb-primary: #0B1F33;        /* Ledger Navy: logo, headlines, dark sections */
  --wb-secondary: #C98200;      /* Current Amber: the bolt, icons, charts, large text only on light */
  --wb-secondary-on-dark: #FFB81C; /* Electric Amber: bolt, links, highlights on dark backgrounds */
  --wb-secondary-text: #8A5A00; /* Amber Deep: links and accent-coloured body text on light */
  --wb-accent: #0E9F6E;         /* Meter Green: sparing highlights (max ~5%): verified-savings figures, status; graphics/large text on light, text on dark; never in the logo */
  --wb-neutral-1: #F7F5F0;      /* Paper */
  --wb-neutral-2: #D8DEE5;      /* Mist */
  --wb-neutral-3: #5A6675;      /* Slate */
  --wb-neutral-4: #111418;      /* Charcoal */
  --wb-white: #FFFFFF;
  --wb-bg: var(--wb-white);            /* logo bolt needs 3:1; it does not reach that on neutral-1 */
  --wb-bg-alt: var(--wb-neutral-1);
  --wb-text: var(--wb-primary);
  --wb-text-muted: var(--wb-neutral-3);
  --wb-font-display: 'Sora', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --wb-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --wb-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}