:root {
  /* SRF Aron — aligned with srf.ch/sport */
  --srf-red: #c91024;
  --srf-red-bright: #e31f2b;
  --srf-red-dark: #af001e;
  --srf-red-soft: rgba(201, 16, 36, 0.1);

  --bg: #fafaf8;
  --bg-card: #ffffff;
  --bg-elevated: #f5f5f2;
  --bg-muted: #ebebe5;

  --text: #22211d;
  --text-muted: #6b6960;
  --text-subtle: #888579;

  --border: #dadad2;
  --border-strong: #cac8bf;

  --yb-yellow: #ffcc00;
  --yb-black: #1a1a1a;
  --basel-red: #c91024;
  --basel-blue: #003da5;
  --neutral: #4e4d47;
  --success: #1a7ac5;
  --warning: #f7a600;

  --radius: 4px;
  --radius-sm: 2px;
  --radius-pill: 24px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08), 0 0 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.06);

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  --font: "SRG_SSR_Text_VF", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: "SRG_SSR_Serif_Regular", Georgia, "Times New Roman", serif;

  --max-width: 430px;
  --device-width: 390px;
  --device-height: 844px;
  --footer-height: 64px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}