:root {
  --dy-navy: #082B5C;
  --dy-teal: #00B8A9;
  --dy-midnight: #061D3D;
  --dy-aqua: #44D7CC;
  --dy-cloud: #F5F8FC;
  --dy-white: #FFFFFF;
  --dy-slate: #263548;
  --dy-success: #16A66A;
  --dy-warning: #F5A623;
  --dy-error: #E34B4B;

  --bh-red: #00B8A9;
  --bh-red-d: #08968a;
  --bh-red-deep: #082B5C;
  --bh-slate: #263548;
  --bh-slate-2: #082B5C;
  --bh-muted: #5a6b7d;
  --bh-border: #d9e3ee;
  --bh-bg: #F5F8FC;
  --bh-surface: #ffffff;
  --bh-font: 'Plus Jakarta Sans', system-ui, sans-serif;
  --bh-display: 'Outfit', 'Plus Jakarta Sans', system-ui, sans-serif;
  --bh-radius: 16px;
  --bh-radius-sm: 12px;
  --bh-shadow: 0 4px 24px -8px rgba(8, 43, 92, 0.12);
  --bh-container: clamp(1rem, 4vw, 1.5rem);
  --primary: #00B8A9;

  --shell-header-h: 52px;
  --shell-sidebar-w: 248px;
  --shell-bg: #F5F8FC;
  --h-bg: #ffffff;
  --h-border: #d9e3ee;
  --h-text: #263548;
  --h-hover: #eef6f5;
  --accent: #00B8A9;
  --sb-bg: #061D3D;
  --sb-fg: #d7e3ef;
  --sb-muted: #7f97ad;
  --sb-hover: rgba(255, 255, 255, 0.06);
  --sb-active-bg: rgba(0, 184, 169, 0.18);
  --sb-active-fg: #44D7CC;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--bh-font);
  color: var(--bh-slate);
  background: var(--bh-bg);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  font-family: var(--bh-display);
}