/* ZebChat brand tokens — generated from tokens.json; keep the two in sync. */
:root {
  --zc-blue-50: #eef4ff;
  --zc-blue-100: #d9e6ff;
  --zc-blue-200: #b3ccff;
  --zc-blue-300: #80a9ff;
  --zc-blue-400: #4d85fc;
  --zc-blue-500: #1f66f9;
  --zc-blue-600: #0154f9;
  --zc-blue-700: #0043cc;
  --zc-blue-800: #0036a3;
  --zc-blue-900: #002b80;

  --zc-yellow: #fdd302;
  --zc-amber: #fd9d01;
  --zc-accent-gradient: linear-gradient(180deg, #fdd302 0%, #fd9d01 100%);

  --zc-navy-500: #2b4058;
  --zc-navy-700: #172a3e;
  --zc-navy-900: #0f172a;

  --zc-status-online: #16a34a;
  --zc-status-away: #fd9d01;
  --zc-status-busy: #dc2626;
  --zc-status-offline: #94a3b8;

  /* Semantic — light */
  --zc-primary: var(--zc-blue-600);
  --zc-primary-hover: var(--zc-blue-700);
  --zc-on-primary: #ffffff;
  --zc-accent: var(--zc-yellow);
  --zc-on-accent: var(--zc-navy-700);
  --zc-text: var(--zc-navy-700);
  --zc-text-muted: #5b6b7f;
  --zc-link: var(--zc-blue-600);
  --zc-bg: #ffffff;
  --zc-surface: #f6f8fb;
  --zc-border: #e2e8f0;
}

[data-theme='dark'] {
  --zc-primary: var(--zc-blue-500);
  --zc-primary-hover: var(--zc-blue-400);
  --zc-text: #f1f5f9;
  --zc-text-muted: #94a3b8;
  --zc-link: var(--zc-blue-400);
  --zc-bg: var(--zc-navy-900);
  --zc-surface: var(--zc-navy-700);
  --zc-border: var(--zc-navy-500);
}