/* tokens.css — structural primitives shared across Mottai/Konklyn sites.
   Colour palettes are per-site and live in each site's own style.css.
   Copied (not symlinked) into each src/ so sites deploy self-contained. */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/inter-400.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: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('assets/fonts/inter-500.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: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('assets/fonts/inter-600.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;
}

:root {
  /* Spacing scale — 4px base */
  --space-1: 0.25rem; /* 4px  — icon ↔ label, tight inline gaps */
  --space-2: 0.5rem;  /* 8px  — button padding-Y, badge gaps */
  --space-3: 1rem;    /* 16px — body rhythm, card inner gaps */
  --space-4: 1.5rem;  /* 24px — card padding, grid gap */
  --space-5: 3rem;    /* 48px — sub-section gaps, mobile section pad */
  --space-6: 6rem;    /* 96px — section vertical rhythm (desktop) */

  /* Layout primitives */
  --maxw: 1120px;
  --radius: 12px;
  --radius-sm: 8px;
  --nav-h: 64px;

  /* z-index ladder */
  --z-nav: 100;
  --z-overlay: 200;
  --z-toast: 300;

  /* Font stacks */
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'Cascadia Code', 'SF Mono', Menlo, monospace;
}