/* Canonical Bloomz Design System tokens (Action-Cyan + Quicksand) — same values
   as bloomz-crm's packages/ui/src/tokens.ts, so Social's chrome (esp. the left
   nav) matches CRM/Support/Tracker/Success exactly. Names kept as `--bz-*` per
   this repo's own convention; only the values changed. This file is the only
   place a color or font value should be a literal hex/px — everything else in
   app.css references these custom properties. */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/static/fonts/quicksand-variable.woff2') format('woff2');
}

:root {
  --bz-teal: #0D98BF;        /* canonical action — primary CTAs, links, active states */
  --bz-teal-text: #0C84A6;   /* canonical action-deep — AA-safe for small text / hovers */
  --bz-teal-light: #33BFE3;  /* canonical cyan — logo/icon accents only */
  --bz-action-tint: #E6F8FD; /* canonical action-tint — hover/active wash */
  --bz-rail: #FAFBFD;        /* canonical rail — left nav background */
  --bz-ink: #2B3A4B;
  --bz-ink-60: rgba(43, 58, 75, .6);
  --bz-surface: #FFFFFF;
  --bz-canvas: #E9EEF5;
  --bz-border: #E9EDF3;

  --bz-success: #6FBF3B;
  --bz-warning: #F2994A;
  --bz-danger: #E8453C;
  --bz-danger-text: #C53A2F;

  --bz-font-heading: 'Quicksand', system-ui, sans-serif;
  --bz-font-body: 'Quicksand', system-ui, sans-serif;

  --bz-radius-card: 12px;
  --bz-radius-input: 8px;
  --bz-radius-pill: 999px;
  --bz-shadow-card: 0 1px 3px rgba(15, 42, 56, .06);
}