/*
 * biKKe Tokens — EINZIGE Quelle für Farben, Schriften, Maße, Fasen, Schatten (DECISION 50 Nr. 2/3, DESIGN_SYSTEM §0/§1).
 * Werte aus dem Designer-Entwurf (Artboards Main/Logo, Version 1792218044-233d). Wächter: npm run ui:check.
 */

@font-face {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/russo-one-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/chakra-petch-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/chakra-petch-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/chakra-petch-latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/instrument-sans-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/instrument-sans-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/instrument-sans-latin-600-normal.woff2') format('woff2');
}

:root {
  color-scheme: dark;

  /* Farben (§0) */
  --bk-anthracite: #121212;
  --bk-graphite: #2A2D34;
  --bk-chalk: #E6E6E3;
  --bk-orange: #FF6B00;
  --bk-orange-light: #FFB27A;
  --bk-surface-hero: #111214;
  --bk-surface-1: #18191C;
  --bk-surface-2: #121212;
  --bk-surface-card: #2C2E34;
  --bk-surface-bot: #3D4048;
  --bk-surface-user: #F2E4D6;
  --bk-on-user: #161616;
  --bk-surface-input: #1C1D21;
  --bk-surface-offer: #24262B;
  --bk-line-card: #5E626B;
  --bk-line-divider: #474A52;
  --bk-line-chip: #6A6D75;
  --bk-line-input: #7A7D85;
  --bk-line-secondary: #8A8D95;
  --bk-text: #EDEDEB;
  --bk-text-strong: #FFFFFF;
  --bk-text-muted: #C8CBD1;
  --bk-text-label: #A3A6AD;
  --bk-text-footer: #9A9DA4;
  /* Hero „Speed": Linien in Orange mit Deckkraft aus dem Entwurf (.28–.35) */
  --bk-speed-accent-opacity: 0.32;

  /* Schriften (§0) */
  --bk-font-heading: 'Russo One', sans-serif;
  --bk-font-label: 'Chakra Petch', sans-serif;
  --bk-font-body: 'Instrument Sans', system-ui, sans-serif;
  --bk-size-body: 17px;
  --bk-line-body: 1.55;
  --bk-size-chat: 15px;
  --bk-line-chat: 1.5;
  --bk-size-input: 16px;
  --bk-size-note: 13px;
  --bk-size-kicker: 14px;
  --bk-size-h1: clamp(30px, 4.4cqi, 62px);
  --bk-size-h2: clamp(28px, 3.4cqi, 44px);
  --bk-size-h3: 22px;
  --bk-size-lead: 19px;
  --bk-tracking-kicker: 0.14em;

  /* Maße (§1) */
  --bk-gutter: clamp(16px, 5cqi, 64px);
  --bk-content-max: 1200px;
  --bk-chat-max: 640px;
  --bk-section-pad: 88px;
  --bk-section-pad-cta: 96px;
  --bk-gap-xs: 8px;
  --bk-gap-s: 12px;
  --bk-gap-m: 14px;
  --bk-gap-l: 20px;
  --bk-gap-xl: 48px;
  --bk-target: 44px;
  --bk-control: 48px;
  --bk-line: 1px;

  /* Fasen (keine Radien) und Schatten (§1) */
  --bk-bevel-card: 16px;
  --bk-bevel-button: 12px;
  --bk-shadow-card: 0 24px 64px rgba(0, 0, 0, 0.55);
}