/* ZB Cloud colour tokens, v3, 2026-10-04. Monochrome plus amber. */
:root {
  --zb-ink: #111827;
  --zb-white: #FFFFFF;
  --zb-amber-on-light: #D9820A; /* accent strokes on light grounds; never text */
  --zb-amber-on-dark: #FFB020;  /* accent on ink grounds; amber tile ground */
  --zb-grey-50: #F8F8F9;
  --zb-grey-100: #F1F1F2;
  --zb-grey-200: #E2E3E5;
  --zb-grey-300: #CBCCCF;
  --zb-grey-400: #A0A3A9;
  --zb-grey-500: #7C8088;
  --zb-grey-600: #5D626C;
  --zb-grey-700: #414652;
  --zb-grey-800: #292F3D;
  --zb-grey-900: #111827;

  /* semantic */
  --zb-ground: var(--zb-white);
  --zb-text: var(--zb-ink);
  --zb-text-secondary: var(--zb-grey-600);
  --zb-border: var(--zb-grey-200);
  --zb-surface: var(--zb-grey-50);
  --zb-accent: var(--zb-amber-on-light);
  --zb-font-sans: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --zb-font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

[data-theme='dark'] {
  --zb-ground: var(--zb-ink);
  --zb-text: var(--zb-white);
  --zb-text-secondary: var(--zb-grey-400);
  --zb-border: var(--zb-grey-700);
  --zb-surface: var(--zb-grey-800);
  --zb-accent: var(--zb-amber-on-dark);
}

/* ---------------------------------------------------------------------------
   TEAMMATE CHARACTER COLOURS. Not part of the core brand palette.
   Use only for the characters and their name and role labels.
   The plain hue passes as text on ink only; on white use the -label-on-light value.
   --------------------------------------------------------------------------- */
:root {
  --zb-teammate-neo: #8B7CFF;
  --zb-teammate-neo-accent-light: #D4CDFF;
  --zb-teammate-neo-accent-dark: #6F63CC;
  --zb-teammate-neo-label-on-dark: #A89DFF;
  --zb-teammate-neo-label-on-light: #544F9E;
  --zb-teammate-iris: #2EC4B6;
  --zb-teammate-iris-accent-light: #A8F2EA;
  --zb-teammate-iris-accent-dark: #259D92;
  --zb-teammate-iris-label-on-dark: #62D3C8;
  --zb-teammate-iris-label-on-light: #217776;
  --zb-teammate-bolt: #FF9F43;
  --zb-teammate-bolt-accent-light: #FFD8AE;
  --zb-teammate-bolt-accent-dark: #CC7F36;
  --zb-teammate-bolt-label-on-dark: #FFB772;
  --zb-teammate-bolt-label-on-light: #946236;
  --zb-teammate-lumi: #FF6B8B;
  --zb-teammate-lumi-accent-light: #FFC6D2;
  --zb-teammate-lumi-accent-dark: #CC566F;
  --zb-teammate-lumi-label-on-dark: #FF90A8;
  --zb-teammate-lumi-label-on-light: #94465E;
  --zb-teammate-mint: #3DDC97;
  --zb-teammate-mint-accent-light: #B8F6DA;
  --zb-teammate-mint-accent-dark: #31B079;
  --zb-teammate-mint-label-on-dark: #6EE5B1;
  --zb-teammate-mint-label-on-light: #298465;
  --zb-teammate-ping: #60A5FA;
  --zb-teammate-ping-accent-light: #BFDBFE;
  --zb-teammate-ping-accent-dark: #4D84C8;
  --zb-teammate-ping-label-on-dark: #88BCFB;
  --zb-teammate-ping-label-on-light: #3C669B;
}