/* Kenneth Younge Advisory - design tokens. North arrow 08 "Rounded" on the Codex identity board colours,
   with a deeper teal used sparingly and a grey for section bands (20 October 2026). */
:root {
  --c-ink: #172C32;
  --c-teal: #1F5E63;
  --c-paper: #F5F2EA;
  --c-band: #E4E6E3;
  --c-sand: #D7CFBE;
  --c-bronze: #A76B46;
  --c-mint: #A9CEC5;
  --c-stone: #4B5E61;
  /* names the layout uses */
  --c-fir: var(--c-ink);
  --c-fir-2: #22414A;
  --c-signal: var(--c-teal);
  --c-signal-deep: var(--c-teal);
  --c-larch: var(--c-mint);
  --c-paper-2: var(--c-band);
  --c-glacier: #DCE3E1;          /* light text on ink */
  --c-line: var(--c-sand);
  --f-display: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-text: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-mono: var(--f-text);
  --s-xs: 0.8125rem;
  --s-sm: 0.9375rem;
  --s-base: 1.0625rem;
  --s-lg: 1.25rem;
  --s-xl: 1.625rem;
  --s-2xl: 2.25rem;
  --s-3xl: 3.25rem;
  --s-4xl: 4.5rem;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --measure: 64ch;
  --container: 1200px;
  --glyph: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M9.41%201.27%20Q10.00%200.00%2010.59%201.27%20L18.61%2018.73%20Q19.20%2020.00%2018.00%2019.27%20L10.00%2014.40%20L2.00%2019.27%20Q0.80%2020.00%201.39%2018.73%20Z%22%2F%3E%3C%2Fsvg%3E");
}

@font-face { font-family: 'Manrope'; src: url('fonts/Manrope-Variable.woff2') format('woff2'); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('fonts/Inter-Variable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }