/* Kreativ AI — ursprünglich aus tokens.json des Design-Systems.
   Seit 05.11.2026 „Royal Style auf der Straße“: Asphalt statt Schwarz (alte Werte in archiv/website-css_vor-asphalt_2026-11-05/) */
:root, [data-theme="dark"] {
  --black: #24231f;
  --black-deep: #1d1c19;
  --surface: #2e2c28;
  --surface-hi: #383631;
  --line: #45423b;
  --line-strong: #7d786f;
  --white: #ffffff;
  --text-hi: #f5f0e1;
  --text-mid: #c2b9a8;
  --text-low: #a39a8b;
  --gold: #c9a84c;
  --gold-bright: #e0be5c;
  --gold-soft: #f0d080;
  --gold-deep: #9c8138;
  --gold-glow: rgba(201, 168, 76, 0.18);
  --gold-dark: #6b5520;
  --platinum: #ece8df;
  --platinum-deep: #a39d92;
  --glow-sm: 0 0 24px rgba(201, 168, 76, 0.28);
  --glow-lg: 0 0 96px rgba(201, 168, 76, 0.22);
  --bevel: inset 0 1px 0 rgba(255, 240, 200, 0.65), inset 0 -2px 0 rgba(107, 85, 32, 0.6);
  --frame-gold: inset 0 0 0 1px rgba(201, 168, 76, 0.55);
}
:root {
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-18: 72px;
  --space-35: 140px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --font-display: "Bebas Neue", Oswald, "Arial Narrow", sans-serif;
  --font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
}
.display { font-family: var(--font-display); font-size: 120px; line-height: 0.92; font-weight: 400; letter-spacing: 0.02em; }
.h2 { font-family: var(--font-display); font-size: 72px; line-height: 1; font-weight: 400; letter-spacing: 0.01em; }
.h3 { font-family: var(--font-display); font-size: 32px; line-height: 1.1; font-weight: 400; letter-spacing: 0.02em; }
.button { font-family: var(--font-display); font-size: 16px; line-height: 1; font-weight: 400; letter-spacing: 0.12em; }
.lead { font-family: var(--font-sans); font-size: 22px; line-height: 1.5; font-weight: 400; font-style: italic; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 1.6; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 1.55; font-weight: 400; }
.eyebrow { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 0.25em; }
@font-face { font-family: "Bebas Neue"; src: url("../fonts/BebasNeue-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("../fonts/InstrumentSans.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("../fonts/InstrumentSans-Italic.woff2") format("woff2"); font-weight: 400 700; font-style: italic; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("../fonts/JetBrainsMono.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; }