/* Jiwe Messaging — Design tokens */
:root {
  --jiwe-navy-deep: #0B1F3A;
  --jiwe-navy: #0D2A54;
  --jiwe-navy-mid: #163A6B;
  --jiwe-cyan: #00C2FF;
  --jiwe-cyan-dim: rgba(0, 194, 255, 0.15);
  --jiwe-surface: #F4F7FB;
  --jiwe-surface-elevated: #FFFFFF;
  --jiwe-text: #0A1628;
  --jiwe-text-muted: #5A6B7F;
  --jiwe-border: #D5DEE9;
  --jiwe-success: #25D366;
  --jiwe-danger: #E11D48;
  --jiwe-warning: #F59E0B;
  --jiwe-radius: 12px;
  --jiwe-radius-sm: 8px;
  --jiwe-shadow: 0 1px 2px rgba(11, 31, 58, 0.06), 0 8px 24px rgba(11, 31, 58, 0.06);
  --jiwe-font-display: "Space Grotesk", system-ui, sans-serif;
  --jiwe-font-ui: "IBM Plex Sans", system-ui, sans-serif;
  --jiwe-transition: 220ms cubic-bezier(0.22, 1, 0.36, 1);

  /* Velzon overrides (app shell) */
  --vz-primary: #0D2A54;
  --vz-primary-rgb: 13, 42, 84;
  --vz-primary-text-emphasis: #0B1F3A;
  --vz-primary-bg-subtle: #E8F1FA;
  --vz-primary-border-subtle: #B8D0E8;
  --vz-link-color: #0D2A54;
  --vz-link-hover-color: #00A8E0;
  --vz-body-bg: #F4F7FB;
  --vz-body-color: #0A1628;
  --vz-secondary-color: #5A6B7F;
  --vz-border-color: #D5DEE9;
  --vz-card-bg: #FFFFFF;
  --vz-vertical-menu-bg: #0B1F3A;
  --vz-vertical-menu-item-color: #A8B8CC;
  --vz-vertical-menu-item-hover-color: #FFFFFF;
  --vz-vertical-menu-item-active-color: #00C2FF;
  --vz-vertical-menu-title-color: #6B7F96;
  --vz-header-bg: #FFFFFF;
  --vz-topbar-user-bg: #F4F7FB;
}