/* Design tokens: every brand value is defined once, here. */

@font-face {
  font-family: "Fraunces";
  src: url("../fonts/fraunces-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("../fonts/fraunces-latin-400-italic.woff2") format("woff2");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("../fonts/fraunces-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
/* Metric-adjusted local fallbacks to limit layout shift while web fonts load. */
@font-face {
  font-family: "Fraunces Fallback";
  src: local("Georgia");
  size-adjust: 104%; ascent-override: 92%; descent-override: 24%; line-gap-override: 0%;
}
@font-face {
  font-family: "Inter Fallback";
  src: local("Arial");
  size-adjust: 107%; ascent-override: 90%; descent-override: 22%; line-gap-override: 0%;
}

:root {
  /* Brand palette: Ocean Cyan */
  --c-primary: #0EA5E9;
  --c-dark: #031B2E;
  --c-accent: #2DD4BF;
  --c-light: #F0F9FF;

  /* Derived, contrast-checked text colors */
  --c-on-light: #031B2E;        /* body text on light */
  --c-on-light-muted: #33566E;  /* secondary text on light */
  --c-link-on-light: #0369A1;   /* links, small colored text on light */
  --c-on-dark: #F0F9FF;         /* body text on dark */
  --c-on-dark-muted: #A9CDE0;   /* secondary text on dark */
  --c-on-primary: #031B2E;      /* text on the cyan section */
  --c-focus-light: #0369A1;
  --c-focus-dark: #2DD4BF;
  --c-focus-primary: #031B2E;

  --c-surface-dark: #0A2C47;    /* cards on dark */
  --c-surface-light: #FFFFFF;   /* cards on light */
  --c-line-dark: rgba(240, 249, 255, 0.16);
  --c-line-light: rgba(3, 27, 46, 0.14);

  --font-display: "Fraunces", "Fraunces Fallback", Georgia, "Times New Roman", serif;
  --font-body: "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  --fs-display: clamp(2.9rem, 9vw + 0.5rem, 8.5rem);
  --fs-h2: clamp(2.3rem, 5.6vw + 0.4rem, 5.5rem);
  --fs-h3: clamp(1.4rem, 1.2vw + 1rem, 1.9rem);
  --fs-lead: clamp(1.05rem, 0.5vw + 0.95rem, 1.35rem);
  --fs-wordmark: clamp(4.5rem, 24vw, 26rem);

  --radius-card: 28px;
  --radius-pill: 999px;
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --section-pad: clamp(5rem, 12vw, 10rem);
  --max-w: 84rem;
  --nav-h: 3.5rem;
}