/* LHIS design tokens
   Two colors plus greys, sampled from the LHIS logo: navy #003770, green #007238. */

@font-face {
  font-family: "Archivo";
  src: url("../fonts/archivo-var.woff2") format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/source-sans-3-var.woff2") format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
}

:root {
  /* Brand */
  --navy:        #003770;
  --navy-deep:   #002247;
  --green:       #007238;
  --green-dark:  #005C2D;
  --green-lit:   #4FC97F;
  --green-pale:  #7FD8A3;

  /* Dark surfaces, the cinematic range */
  --ink-900:     #00101F;
  --ink-800:     #001A31;
  --ink-700:     #002343;
  --ink-600:     #002F58;

  /* Light surfaces */
  --paper:       #FFFFFF;
  --paper-2:     #F5F8FB;
  --paper-3:     #EDF3F8;

  /* Text */
  --ink:         #12212D;
  --muted:       #4C5C68;
  --faint:       #5C6974;
  --on-dark:     #FFFFFF;
  --on-dark-2:   #C2D8EC;
  --on-dark-3:   #93B3D0;

  /* Lines */
  --rule:        #E1E9F0;
  --rule-strong: #D4E0EA;
  --rule-dark:   rgba(255,255,255,.14);

  /* Feedback */
  --error:       #B3261E;
  --error-bg:    #FDF2F1;

  /* Type */
  --font-display: "Archivo", "Helvetica Neue", Helvetica, sans-serif;
  --font-body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-hero:    clamp(2.75rem, 6vw, 5.5rem);
  --fs-h1:      clamp(2.25rem, 4.6vw, 3.75rem);
  --fs-h2:      clamp(1.875rem, 3.2vw, 2.75rem);
  --fs-h3:      clamp(1.1875rem, 1.6vw, 1.4375rem);
  --fs-lead:    clamp(1.0625rem, 1.2vw, 1.25rem);
  --fs-body:    1.0625rem;
  --fs-small:   0.9375rem;
  --fs-micro:   0.8125rem;
  --fs-eyebrow: 0.75rem;

  /* Space */
  --gutter: clamp(1.25rem, 5vw, 4.5rem);
  --section-y: clamp(4.5rem, 9vw, 8rem);
  --max-w: 1320px;
  --max-narrow: 920px;

  /* Form + shape */
  --radius: 4px;
  --radius-lg: 8px;
  --control-h: 3.375rem;
  --tap: 2.75rem;

  --shadow-card: 0 1px 2px rgba(0,34,71,.04), 0 8px 24px rgba(0,34,71,.06);
  --shadow-lift: 0 2px 4px rgba(0,34,71,.06), 0 18px 44px rgba(0,34,71,.12);

  --focus: 2px solid var(--green);
  --focus-dark: 2px solid var(--green-lit);
}