/* Design tokens. Brand type is NB International Pro (regular + light + mono).
   Accent #fc5f2b on white with near-black ink. No bold weights. */

@font-face {
  font-family: "NB International Pro";
  src: url("/assets/brand/fonts/nbinternationalprolig.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NB International Pro";
  src: url("/assets/brand/fonts/nbinternationalproreg.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NB International Pro Mono";
  src: url("/assets/brand/fonts/nbinternationalpromono.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-sans: "NB International Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "NB International Pro Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --bg: #ffffff;
  --bg-elevated: #fafafa;
  --bg-sheet: #ffffff;
  --bg-sand: #ebe4d8;
  --bg-sand-deep: #dcd2c2;
  --ink: #131311;
  --ink-soft: #57544e;
  --ink-muted: #706d66;
  --error: #b83219;
  --line: rgba(19, 19, 17, 0.12);
  --line-strong: rgba(19, 19, 17, 0.32);
  --accent: #fc5f2b;
  --accent-soft: rgba(252, 95, 43, 0.14);

  --container: 1320px;
  --gutter: clamp(20px, 4.5vw, 64px);

  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.625rem;
  --text-display: clamp(2.75rem, 5vw, 4.75rem);

  --tracking-display: -0.045em;
  --tracking-tight: -0.02em;
  --tracking-mono: 0.12em;

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --duration: 220ms;

  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);
}