/* 1893-CI als CSS-Tokens. Quelle: brand/palette.json. Nicht von Hand abweichen. */
@font-face { font-family: "Schibsted Grotesk"; src: url("/fonts/SchibstedGrotesk[wght].ttf") format("truetype"); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Schibsted Grotesk"; src: url("/fonts/SchibstedGrotesk-Italic[wght].ttf") format("truetype"); font-weight: 400 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Press Start 2P"; src: url("/fonts/PressStart2P-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

:root {
  --navy: #00244D; --navy-deep: #001A38; --navy-light: #003A6E;
  --ocean-50: #E6F7FA; --ocean-300: #5CC9D9; --ocean-500: #008CAA; --ocean-600: #007693; --ocean-700: #00617D;
  --fire-300: #FF926D; --fire-500: #FA4B00; --fire-600: #EB3000;
  --lemon-300: #FFFA46; --lemon-500: #E6E68C; --lemon-600: #D9D300;
  --lavender-300: #DAB5FF; --lavender-500: #C8A0DC; --lavender-600: #A368D2;
  --mint-100: #C9EEE0; --orange-500: #F7A823;
  --cream: #F9F5E5; --light: #F1F6FC; --white: #FFFFFF; --black: #000000;

  --ui-bg: var(--navy); --ui-text: var(--white); --ui-accent: var(--fire-500); --ui-accent-hover: var(--fire-600);
  --ui-muted: var(--ocean-300); --ui-panel: var(--navy-light); --hud-score: var(--lemon-300);

  --font-ui: "Schibsted Grotesk", Inter, system-ui, sans-serif;
  --font-hud: "Press Start 2P", monospace;
}