/* IGNITED Records — Werte. Erzeugt aus brand.json, nicht von Hand ändern. */

@font-face { font-family: "Bebas Neue Pro"; src: url("fonts/BebasNeuePro-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir LT Pro"; src: url("fonts/AvenirLTPro-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir LT Pro"; src: url("fonts/AvenirLTPro-Book.woff2") format("woff2"); font-weight: 350; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir LT Pro"; src: url("fonts/AvenirLTPro-Roman.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir LT Pro"; src: url("fonts/AvenirLTPro-Oblique.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Avenir LT Pro"; src: url("fonts/AvenirLTPro-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir LT Pro"; src: url("fonts/AvenirLTPro-Heavy.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir LT Pro"; src: url("fonts/AvenirLTPro-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/GeistMono-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/GeistMono-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

:root, [data-theme="dark"] {
  color-scheme: dark;
  --bg: #050403;
  --bg-deep: #000000;
  --surface: #0e0b06;
  --surface-raised: #1a1509;
  --surface-hover: #2d2300;
  --surface-glass: #0e0b06e8;
  --scrim: #0503026b;
  --panel-start: #17120aee;
  --panel-end: #080603f5;
  --dialog-start: #251d0ef0;
  --dialog-end: #0a0804ed;
  --nav-shade: #0504039c;
  --media-shade-strong: #00000088;
  --media-shade-soft: #00000033;
  --text: #ffffff;
  --text-soft: #f3efe4;
  --text-muted: #c5bfae;
  --text-dim: #a19a86;
  --on-accent: #000000;
  --accent: #d4af37;
  --accent-hover: #f5ce47;
  --accent-alt: #fbd789;
  --accent-text: #d4af37;
  --accent-tint: #f9f0a1;
  --accent-soft: #d4af371e;
  --accent-line: #d4af3780;
  --line: #fbd78926;
  --line-strong: #fbd78950;
  --line-control: #c2b280;
  --danger: #ff6a7c;
  --danger-soft: #7b17233d;
  --warning: #ff9d3d;
  --success: #8fe3a0;
  --focus: #d4af37;
  --shadow-card: 0 3px 9px #00000044;
  --shadow-float: 0 14px 35px #00000055;
  --shadow-panel: 0 0 0 5px #0f0c0625, 0 0 55px #d4af3712, 0 25px 90px #00000099, inset 0 1px #fbd78959;
  --shadow-dialog: 0 0 90px #d4af3720, 0 30px 90px #00000088, inset 0 1px #fff6d933;
  --glow-hover: 0 0 24px #d4af3733;
  --glow-sm: 0 0 12px #d4af3766;
  --glow-md: 0 0 14px 2px #d4af3780;
  --glow-lg: 0 0 70px #d4af3722, 0 0 160px #d4af3712, 0 56px 110px -34px #d4af3766, 0 30px 80px #000000cc;
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f3ea;
  --bg-deep: #ffffff;
  --surface: #ffffff;
  --surface-raised: #f1ecdf;
  --surface-hover: #e6dfcc;
  --surface-glass: #ffffffe0;
  --scrim: #0504034d;
  --panel-start: #ffffff;
  --panel-end: #f6f3ea;
  --dialog-start: #ffffff;
  --dialog-end: #f1ecdf;
  --nav-shade: #f6f3eacc;
  --media-shade-strong: #00000088;
  --media-shade-soft: #00000033;
  --text: #050403;
  --text-soft: #2d2300;
  --text-muted: #473f2a;
  --text-dim: #5e563f;
  --on-accent: #000000;
  --accent: #d4af37;
  --accent-hover: #f5ce47;
  --accent-alt: #fbd789;
  --accent-text: #674d01;
  --accent-tint: #533d01;
  --accent-soft: #d4af3740;
  --accent-line: #674d01;
  --line: #05040326;
  --line-strong: #0504034d;
  --line-control: #5e563f;
  --danger: #a3142a;
  --danger-soft: #ffdbe1;
  --warning: #8a4a00;
  --success: #1c6b33;
  --focus: #674d01;
  --shadow-card: 0 3px 9px #00000044;
  --shadow-float: 0 14px 35px #00000055;
  --shadow-panel: 0 0 0 1px #0504031a, 0 25px 60px #05040326;
  --shadow-dialog: 0 30px 90px #05040333;
  --glow-hover: 0 6px 18px #05040326;
  --glow-sm: none;
  --glow-md: 0 0 0 3px #674d0133;
  --glow-lg: 0 30px 80px #05040333;
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-full: 9999px;
  --blur-sm: 6px;
  --blur-md: 12px;
  --blur-lg: 22px;
  --duration-fast: 180ms;
  --duration-base: 200ms;
  --duration-slow: 550ms;
  --duration-scene: 1100ms;
  --ease-standard: cubic-bezier(.2,.7,.2,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-in-out: cubic-bezier(.3,0,.2,1);
  --content-max: 1200px;
  --measure: 62ch;
  --gutter: 3.5vw;
  --gutter-narrow: 20px;
  --bp-narrow: 650px;
  --bp-wide: 1000px;
  --target-min: 44px;
  --font-display: "Bebas Neue Pro", "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  --font-sans: "Avenir LT Pro", "Avenir Next", Avenir, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.display-hero { font-family: var(--font-display); font-size: 78px; line-height: 0.96; font-weight: 700; letter-spacing: 0.015em; }
.display-1 { font-family: var(--font-display); font-size: 60px; line-height: 1.02; font-weight: 700; letter-spacing: 0.01em; }
.display-2 { font-family: var(--font-display); font-size: 48px; line-height: 1.04; font-weight: 700; letter-spacing: 0.015em; }
.display-3 { font-family: var(--font-display); font-size: 38px; line-height: 1.06; font-weight: 700; letter-spacing: 0.015em; }
.display-4 { font-family: var(--font-display); font-size: 30px; line-height: 1.1; font-weight: 700; letter-spacing: 0.015em; }
.display-5 { font-family: var(--font-display); font-size: 24px; line-height: 1.12; font-weight: 700; letter-spacing: 0.02em; }
.lead { font-family: var(--font-sans); font-size: 20px; line-height: 1.5; font-weight: 400; }
.body-lg { font-family: var(--font-sans); font-size: 18px; line-height: 1.6; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 1.7; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 15px; line-height: 1.6; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 13px; line-height: 1.6; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 1.6; font-weight: 400; letter-spacing: 0.04em; }
.eyebrow { font-family: var(--font-sans); font-size: 10px; line-height: 1.5; font-weight: 700; letter-spacing: 0.18em; }
.eyebrow-lg { font-family: var(--font-sans); font-size: 12px; line-height: 1.5; font-weight: 700; letter-spacing: 0.12em; }
.button-lg { font-family: var(--font-sans); font-size: 15px; line-height: 1; font-weight: 700; }
.button { font-family: var(--font-sans); font-size: 13px; line-height: 1; font-weight: 700; }
.button-sm { font-family: var(--font-sans); font-size: 11px; line-height: 1; font-weight: 700; letter-spacing: 0.1em; }
.label { font-family: var(--font-sans); font-size: 11px; line-height: 1.6; font-weight: 400; letter-spacing: 0.15em; }
.micro { font-family: var(--font-sans); font-size: 10px; line-height: 1.6; font-weight: 400; letter-spacing: 0.1em; }
.data { font-family: var(--font-mono); font-size: 13px; line-height: 1.5; font-weight: 500; letter-spacing: 0.02em; }
.code { font-family: var(--font-mono); font-size: 13px; line-height: 1.6; font-weight: 400; }