/* ZYNCORE design tokens. Source of truth: SPEC.md section 8. */

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/assets/fonts/manrope-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("/assets/fonts/source-sans-3-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 200 900;
  font-display: swap;
  src: url("/assets/fonts/source-sans-3-latin-wght-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Metric-adjusted fallbacks to limit layout shift while fonts load. */
@font-face {
  font-family: "Manrope Fallback";
  src: local("Arial");
  size-adjust: 104%;
  ascent-override: 96%;
  descent-override: 26%;
}
@font-face {
  font-family: "Source Sans 3 Fallback";
  src: local("Arial");
  size-adjust: 92%;
  ascent-override: 98%;
  descent-override: 28%;
}

:root {
  /* Colour (8.1). Teals frozen from the logo sample, 2026-09-10. */
  --ink: #0f2a33;
  --teal-700: #245c68;   /* logo dark teal, wordmark */
  --teal-500: #387f86;   /* logo mid teal; large text and UI only, 4.2:1 on ground */
  --teal-300: #70b2b4;   /* logo light teal; decorative */
  --teal-200: #b7d8da;   /* derived tint for bands on dark */
  --ground: #f4f3ee;
  --surface: #ffffff;
  --accent: #d97a1a;
  --ink-muted: #4c5e66;
  --line: rgba(15, 42, 51, 0.16);
  --line-strong: rgba(15, 42, 51, 0.32);
  --focus: #2f8c96;

  /* Type (8.2) */
  --font-heading: "Manrope", "Manrope Fallback", system-ui, sans-serif;
  --font-body: "Source Sans 3", "Source Sans 3 Fallback", system-ui, sans-serif;
  --step--1: clamp(0.9rem, 0.87rem + 0.15vw, 1rem);
  --step-0: clamp(1.06rem, 1rem + 0.3vw, 1.2rem);
  --step-1: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --step-2: clamp(1.5rem, 1.3rem + 1vw, 2rem);
  --step-3: clamp(1.9rem, 1.5rem + 2vw, 2.75rem);
  --step-4: clamp(2.4rem, 1.8rem + 3vw, 3.75rem);
  --step-5: clamp(2.6rem, 1.6rem + 4.5vw, 5rem);
  --draw-duration: 1200ms;
  --leading-tight: 1.1;
  --leading-body: 1.55;

  /* Space (8.3) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;

  /* Layout */
  --container: 1200px;
  --gutter: clamp(16px, 4vw, 32px);
  --measure: 66ch;
  --radius: 4px;
}