/* X-Hunter Designsystem – Variablen (aus tokens.json, Design-Artefakt). Schrift Chakra Petch lädt das Theme selbst. */
:root {
  --brand-red: #dd0e0e;
  /* Rot-Abstufungen (Design-Audit 25.10.): Hover/Klick dunkel; Hover Hauptmenü hell (Weiß darauf 4,6:1); Rot auf dunklem Grund (auf #121212 6,2:1) */
  --brand-red-dunkel: #b30b0b;
  --brand-red-hell: #e52222;
  --brand-red-auf-dunkel: #ff5c5c;
  --ink: #0e182a;
  --heading: #262626;
  --text: #505050;
  --text-strong: #232323;
  --text-muted: #707070;
  --price-old: #767676;
  --surface: #ffffff;
  --surface-alt: #f4f4f4;
  --border: #e6e6e6;
  --surface-dark: #252525;
  --surface-footer: #303030;
  --surface-black: #000000;
  --surface-band: #1f1f1f;
  --surface-pack: #262626;
  --surface-tief: #111111;
  --footer-text: #b5b5b5;
  --footer-link: #9aa2a8;
  --on-dark: #ffffff;
  --stock-green: #28723b;
  --stock-amber: #8a5700;
  /* Orange als Fläche mit weißer Schrift (--stock-amber ist die Textfarbe) */
  --stock-amber-fill: #b45309;
  --stock-grey: #6b6b6b;
  --field-border: #8a8a8a;
  --danger: #c40c0c;
  --danger-bg: #fdeeee;
  --success-bg: #eaf4ed;
  --warning-bg: #fbf3e4;
  --info-bg: #eef1f6;
  --scrim: rgba(0, 0, 0, 0.8);
  --shadow-menu: 0 14px 30px rgba(0, 0, 0, 0.18);
  --shadow-title-on-photo: 0 2px 4px rgba(0, 0, 0, 0.85), 0 0 18px rgba(0, 0, 0, 0.6);
}
:root {
  --space-1: 6px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 28px;
  --space-7: 40px;
  --radius-none: 0;
  --radius-field: 2px;
  --rule-accent: 3px solid #dd0e0e;
  --rule-button: 1px solid #dd0e0e;
  --rule-hairline: 1px solid #e6e6e6;
  --focus-ring: 2px solid #0e182a;
  --font-sans: "Chakra Petch", system-ui, sans-serif;
  /* Lesetext und einzelne Kästen (≈ 90–95 Zeichen bei 16 px Chakra Petch); Kartenraster bleiben voll breit */
  --lesebreite: 680px;
}