/* GENERATED from packages/brand/brand.tokens.json. Do not edit.
   The shared Kalabeta brand layer: every marketing surface imports this.
   Regenerate: pnpm brand    Verify: pnpm brand:check */

:root {
  --kb-font-display: 'Schibsted Grotesk Variable', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --kb-font-sans: 'Hanken Grotesk Variable', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --kb-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', 'Cascadia Mono', monospace;
  --kb-font-serif: Georgia, 'Iowan Old Style', 'Palatino Linotype', 'Times New Roman', serif;

  --kb-primary: #0077cc;
  --kb-primary-soft: #00b4d8;
  --kb-primary-dark: #005a9e;
  --kb-accent: #00d4aa;
  --kb-accent-light: #00e5c0;
  --kb-accent-dark: #00b894;
  --kb-night: #0a1622;
  --kb-ink: #0e2233;
  --kb-mist: #f5f8fa;

  --kb-gradient-primary: linear-gradient(90deg, #0077cc, #00b4d8);
  --kb-gradient-full-brand: linear-gradient(90deg, #0077cc, #00b4d8, #00d4aa);

  --kb-bg: #f5f8fa;
  --kb-surface: #ffffff;
  --kb-surface-2: #eef3f7;
  --kb-fg: #0e2233;
  --kb-fg-muted: #567088;
  --kb-line: #d9e4ec;
  --kb-blue-ink: #005a9e;
  --kb-teal-ink: #007e66;
}

/* System preference decides unless the visitor has explicitly chosen light. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --kb-bg: #0b1520;
  --kb-surface: #101f2d;
  --kb-surface-2: #152838;
  --kb-fg: #e9f1f7;
  --kb-fg-muted: #9db3c6;
  --kb-line: #1d3347;
  --kb-blue-ink: #00b4d8;
  --kb-teal-ink: #00d4aa;
  }
}

/* An explicit choice wins in both directions. */
:root[data-theme="dark"] {
  --kb-bg: #0b1520;
  --kb-surface: #101f2d;
  --kb-surface-2: #152838;
  --kb-fg: #e9f1f7;
  --kb-fg-muted: #9db3c6;
  --kb-line: #1d3347;
  --kb-blue-ink: #00b4d8;
  --kb-teal-ink: #00d4aa;
}
:root[data-theme="light"] {
  --kb-bg: #f5f8fa;
  --kb-surface: #ffffff;
  --kb-surface-2: #eef3f7;
  --kb-fg: #0e2233;
  --kb-fg-muted: #567088;
  --kb-line: #d9e4ec;
  --kb-blue-ink: #005a9e;
  --kb-teal-ink: #007e66;
}

@font-face {
  font-family: 'Schibsted Grotesk Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url('fonts/schibsted-grotesk-latin-wght-normal.woff2') format('woff2-variations');
}
@font-face {
  font-family: 'Hanken Grotesk Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('fonts/hanken-grotesk-latin-wght-normal.woff2') format('woff2-variations');
}