:root {
  /* Brand palette */
  --bv-navy: #0a2540;
  --bv-navy-2: #12355b;
  --bv-navy-3: #1c4672;
  --bv-teal: #00a6a6;
  --bv-teal-dark: #008585;
  --bv-teal-soft: #e3f6f5;
  --bv-mint: #4fd1c5;
  --bv-amber: #ffb547;
  --bv-amber-dark: #f29d1f;
  --bv-coral: #e2445c;
  --bv-surface: #f4f8fb;
  --bv-surface-2: #eaf1f7;
  --bv-white: #ffffff;

  /* Text */
  --bv-text: #33475b;
  --bv-muted: #6b7c93;
  --bv-heading: var(--bv-navy);
  --bv-border: #e3eaf1;

  /* Typography */
  --bv-font-head: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bv-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bv-font-bn: "Hind Siliguri", "Inter", sans-serif;
  --bv-font-sign: "Great Vibes", cursive;

  /* Shape */
  --bv-radius-sm: 10px;
  --bv-radius: 18px;
  --bv-radius-lg: 28px;
  --bv-radius-pill: 999px;

  /* Elevation */
  --bv-shadow-sm: 0 2px 8px rgba(10, 37, 64, 0.06);
  --bv-shadow: 0 12px 32px -12px rgba(10, 37, 64, 0.18);
  --bv-shadow-lg: 0 30px 60px -20px rgba(10, 37, 64, 0.28);

  /* Layout */
  --bv-header-h: 76px;
  --bv-mobilebar-h: 64px;
  --bv-section-y: clamp(56px, 8vw, 104px);
  --bv-ease: cubic-bezier(.22, .8, .3, 1);

  /* Bootstrap overrides */
  --bs-body-font-family: var(--bv-font-body);
  --bs-body-color: var(--bv-text);
  --bs-primary: var(--bv-teal);
  --bs-primary-rgb: 0, 166, 166;
  --bs-link-color: var(--bv-teal-dark);
  --bs-link-hover-color: var(--bv-navy);
  --bs-border-color: var(--bv-border);
}