/* KNK design tokens ("Patagonia técnica"), copied from knk-web/src/config/tokens.ts.
   Light is the default; add data-theme="dark" on <html> for the dark set. */

@font-face {
  font-family: 'Outfit Variable'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url('fonts/outfit-latin-wght-normal.woff2') format('woff2-variations');
}
@font-face {
  font-family: 'Manrope Variable'; font-style: normal; font-display: swap; font-weight: 200 800;
  src: url('fonts/manrope-latin-wght-normal.woff2') format('woff2-variations');
}
@font-face {
  font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800;
  src: url('fonts/jetbrains-mono-latin-wght-normal.woff2') format('woff2-variations');
}

:root {
  --ground: #F3F6F8;
  --surface: #FFFFFF;
  --ink: #0E2233;
  --muted: #4A6072;
  --line: #D3DDE4;
  --primary: #0F4C6B;
  --on-primary: #FFFFFF;
  --secondary: #2F6B4F;
  --on-secondary: #FFFFFF;
  --accent: #D98A1F;
  --on-accent: #0E2233;
  --danger: #B3402E;

  --display: 'Outfit Variable', 'Outfit', system-ui, sans-serif;
  --sans: 'Manrope Variable', 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, Consolas, monospace;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --r: 16px;
  --r-sm: 10px;
}

[data-theme='dark'] {
  --ground: #0B1D2A;
  --surface: #12293A;
  --ink: #EAF1F4;
  --muted: #9DB3C0;
  --line: #284559;
  --primary: #5FB3D4;
  --on-primary: #0B1D2A;
  --secondary: #6FBF93;
  --on-secondary: #0B1D2A;
  --accent: #F0B24A;
  --on-accent: #0B1D2A;
  --danger: #F08A78;
}