/* 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-heading: #0B1F3A;
  --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: "Montserrat", system-ui, sans-serif;
  --jiwe-font-ui: "Montserrat", system-ui, sans-serif;
  --jiwe-transition: 220ms cubic-bezier(0.22, 1, 0.36, 1);

  /* Velzon overrides (app shell) */
  --vz-font-family-primary: "Montserrat", system-ui, sans-serif;
  --vz-font-family-secondary: "Montserrat", system-ui, sans-serif;
  --vz-headings-font-family: "Montserrat", system-ui, sans-serif;
  --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;
}

[data-bs-theme="dark"] {
  --jiwe-navy-deep: #071525;
  --jiwe-navy: #0D2A54;
  --jiwe-navy-mid: #1A4578;
  --jiwe-cyan: #33D1FF;
  --jiwe-cyan-dim: rgba(51, 209, 255, 0.18);
  --jiwe-surface: #0C1524;
  --jiwe-surface-elevated: #152338;
  --jiwe-text: #E8EEF6;
  --jiwe-text-muted: #9AB0C4;
  --jiwe-heading: #F2F6FB;
  --jiwe-border: #2A3B52;
  --jiwe-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 12px 32px rgba(0, 0, 0, 0.35);

  --vz-primary: #33D1FF;
  --vz-primary-rgb: 51, 209, 255;
  --vz-primary-text-emphasis: #B8ECFF;
  --vz-primary-bg-subtle: rgba(51, 209, 255, 0.12);
  --vz-primary-border-subtle: rgba(51, 209, 255, 0.28);
  --vz-link-color: #33D1FF;
  --vz-link-hover-color: #7AE0FF;
  --vz-body-bg: #0C1524;
  --vz-body-color: #E8EEF6;
  --vz-secondary-color: #9AB0C4;
  --vz-border-color: #2A3B52;
  --vz-card-bg: #152338;
  --vz-vertical-menu-bg: #071525;
  --vz-vertical-menu-item-color: #A8B8CC;
  --vz-vertical-menu-item-hover-color: #FFFFFF;
  --vz-vertical-menu-item-active-color: #33D1FF;
  --vz-vertical-menu-title-color: #6B7F96;
  --vz-header-bg: #122033;
  --vz-topbar-user-bg: #1A2C44;
}