/**
 * HALINK DV04 - DV04 Design Tokens
 */
:root {
  --hl-navy: #0d2b6b;
  --hl-navy-dark: #0b2152;
  --hl-navy-light: #184b9c;
  --hl-green: #00a859;
  --hl-green-hover: #008f4c;
  --hl-gold: #f3bd01;
  --hl-gold-hover: #e0aa00;
  --hl-primary: #0d2b6b;
  --hl-primary-hover: #00a859;
  --hl-secondary: #0d2b6b;
  --hl-accent-gold: #ff9900;
  --hl-blue-light: #eef6ff;
  --hl-dark: #333333;
  --hl-muted: #666666;
  --hl-light: #f8f9fa;
  --hl-card-bg: #ffffff;
  --hl-border-color: #e9ecef;
  --hl-shadow-sm: 0 2px 8px rgba(13, 43, 107, 0.06);
  --hl-shadow-md: 0 8px 24px rgba(13, 43, 107, 0.1);
  --hl-shadow-lg: 0 16px 36px rgba(13, 43, 107, 0.15);
  --hl-radius-sm: 0.5rem;
  --hl-radius-md: 0.75rem;
  --hl-radius-lg: 1.25rem;
  --hl-radius-pill: 50rem;
  --hl-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --hl-font-sans: 'Quicksand', 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;

  /* Typography scale — body/p = 18px (scaled ×1.125 from 16px base) */
  --hl-fs-2xs: 10.13px;
  --hl-fs-xs: 12.38px;
  --hl-fs-sm: 14.63px;
  --hl-fs-base: 18px;
  --hl-fs-md: 16.88px;
  --hl-fs-lg: 20.25px;
  --hl-fs-xl: 22.5px;
  --hl-fs-2xl: 27px;
  --hl-fs-3xl: 31.5px;
  --hl-fs-4xl: 36px;
  --hl-fs-5xl: 40.5px;
  --hl-fs-display: 54px;
}

html {
  font-size: 18px;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--hl-font-sans);
  font-size: 18px;
  line-height: 1.6;
  background-color: #ebf9ff;
  color: #333333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--hl-font-sans);
  font-weight: 700;
  line-height: 1.3;
  color: var(--hl-navy);
}

h1 { font-size: 36px; }
h2 { font-size: 31.5px; }
h3 { font-size: 27px; }
h4 { font-size: 22.5px; }
h5 { font-size: 20.25px; }
h6 { font-size: 18px; }

p,
li,
td,
th,
label,
input,
select,
textarea,
button {
  font-size: 18px;
}

@media (min-width: 992px) {
  h1 { font-size: 40.5px; }
  h2 { font-size: 36px; }
}

/* Bootstrap utility overrides (px) */
.fs-1 { font-size: 45px !important; }
.fs-2 { font-size: 36px !important; }
.fs-3 { font-size: 31.5px !important; }
.fs-4 { font-size: 27px !important; }
.fs-5 { font-size: 22.5px !important; }
.fs-6 { font-size: 18px !important; }

small,
.small {
  font-size: 15.75px !important;
}

.lead {
  font-size: 22.5px !important;
  font-weight: 400;
}

.display-1 { font-size: 90px !important; }
.display-2 { font-size: 81px !important; }
.display-3 { font-size: 72px !important; }
.display-4 { font-size: 63px !important; }
.display-5 { font-size: 54px !important; }
.display-6 { font-size: 45px !important; }

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}