/* Plexusbit design system tokens (Sept 2026 design review).
   Reference only — existing components keep their own hardcoded colors
   for now; new/updated CSS should pull from these vars instead of raw hex.

   White-label rule: only --azure/--royal/--cobalt/--sky are meant to be
   swapped per tenant theme. Status colors, text colors, and the page
   background are not part of that system today (the app currently themes
   via a single runtime --primary-color, set in tenant-theme.js, rather than
   these four separate tokens) — reconciling the two theming models is a
   separate, larger change than this token declaration. */
:root {
  /* Brand */
  --azure: #1C6FE5;
  --royal: #1B4AD1;
  --cobalt: #0F2E7A;
  --sky: #38BDF8;
  --navy: #16294D;       /* primary text */
  --slate: #5B6B87;      /* secondary text */
  --mist: #E4F0FC;       /* blue tint backgrounds */
  --cloud: #F5F9FD;      /* page background */
  --line: #E3EBF4;       /* borders and dividers */

  /* Status */
  --ok: #16A34A;
  --ok-bg: #E4F5EC;
  --warn: #F59E0B;
  --warn-bg: #FCEFD7;
  --bad: #DC2626;
  --bad-bg: #FBE3E3;

  /* Gradients */
  --grad-primary: linear-gradient(135deg, #1C6FE5 0%, #38BDF8 100%);

  /* Elevation */
  --shadow-card: 0 4px 14px rgba(16, 41, 77, 0.06);
  --shadow-raised: 0 8px 26px rgba(16, 41, 77, 0.10);

  /* topbar */
  --mist-edge: #D5E4F8;
  --topbar-h: 66px;
}