/* Design tokens, generated from the approved design-system mockup (docs/mockups). The page theme is LIGHT at launch; dark hero and band
   sections use the dark-section tokens. Every colour, size and font on the site is one of these. No dark page theme and no theme toggle. */
:root {
  /* surfaces and text */
  --page: #F2F0EB; --panel: #FBFAF7; --ink: #18211F; --muted: #56635F; --line: #D9D5CB;
  /* teal accent and its dark-section partners */
  --teal: #0E6B6A; --teal-deep: #0A5655; --teal-bright: #12A8A2; --band-teal: #0E7A76;
  --mint: #4FC3C0; --mint-light: #8FE3E0; --off: #EDEFEC; --muted-dark: #A3B0AC; --line-dark: #2A3836; --on-teal: #FFFFFF;
  --ink-deep: #0D1413; --ink-tint: #10302F; --error: #9B1C1C; --control-border: #8A918D;
  /* tints and gradients (barely perceptible, never decorative blocks) */
  --tint: color-mix(in srgb, var(--teal) 7%, var(--page));
  --tint-2: color-mix(in srgb, var(--teal) 10%, var(--page));
  --grad-soft: linear-gradient(135deg, var(--tint), var(--page));
  --grad-text: linear-gradient(100deg, #0A5655 0%, #0E8A86 100%);
  --grad-text-dark: linear-gradient(100deg, #FFFFFF 0%, #8FE3E0 55%, #4FC3C0 100%);
  --grad-bar: linear-gradient(90deg, #0A5655, #12A8A2 60%, #4FC3C0);
  --grad-dark: radial-gradient(44rem 22rem at 90% 0%, rgba(79, 195, 192, .22), transparent 65%), linear-gradient(135deg, #0D1413, #18211F 65%, #10302F);
  --grad-band: linear-gradient(120deg, #0A5655, #0E7A76);
  /* shape and depth */
  --radius: 0.5rem; --radius-pill: 6.1875rem; --glow: 0 1.25rem 2.5rem -1rem rgba(14, 107, 106, .55);
  --glow-dark: 0 1.25rem 2.5rem -1rem rgba(79, 195, 192, .45);
  --ease-lift: cubic-bezier(.2, .9, .3, 1);
  /* fonts */
  --font-display: "Encode Sans", "Segoe UI", system-ui, sans-serif;
  --font-text: "Karla", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* type scale (rem only; nothing on the site below 1rem) */
  --fs-body: 1.25rem; --fs-body-lg: 1.375rem; --fs-ui: 1.0625rem; --fs-caption: 1rem;
  --fs-h1: clamp(2.5rem, 6vw, 4rem); --fs-h2: clamp(1.75rem, 3.4vw, 2.25rem); --fs-h3: 1.375rem;
  --fs-display: clamp(3rem, 8vw, 5.5rem);
  /* spacing */
  --space-section: clamp(3rem, 7vw, 5.5rem); --measure-wrap: 74rem;
  color-scheme: light;
}
/* Names the first-generation shell used, mapped to the tokens above so the older section stylesheets keep working until build 03b replaces them. */
:root {
  --surface-100: var(--page); --surface-200: var(--panel); --ink-muted: var(--muted); --hairline: var(--line);
  --focus-ring: var(--teal); --focus-gap: #FFFFFF; --accent: var(--teal); --on-accent: var(--on-teal); --accent-text: var(--teal); --accent-display: var(--teal);
  --accent-wash: color-mix(in srgb, var(--teal) 18%, transparent); --glass-fill: var(--panel); --glass-border: var(--line);
  --glass-filter: none; --hover-wash: color-mix(in srgb, var(--teal) 8%, transparent); --shade: transparent;
  --err: var(--error); --radius-xs: 0.125rem; --radius-md: var(--radius);
  --fs-display-sm: 3rem; --fs-h1-sm: 2.5rem;
}