/* ===============================
   Design Tokens & Farbvariablen
   =============================== */

:root {
  /* Farbvariablen – semantisch benannt */
  --color-primary: #e2000f;
  --color-primary-alt: #721c15;

  --color-secondary: #006eb3;          
  --color-secondary-alt: #003e65;    

  --color-tertiary:      #fcd614;
  --color-tertiary-alt:  #c0a100;

  --color-bg: #f8f8f8;
  --color-surface: #ffffff;
  --color-text: #000000;
  --color-grey:#d6d6d6;
  --color-muted: #818181;
  --color-white:#fff;

  /* Animation & Timing */
  --transition-default: 0.4s;
  --transition-fast: 0.3s;

  /* Fonts */
  --font-primary: "Inter", sans-serif;
  --font-secondary: "Roboto Condensed", sans-serif;

  /* Spacing */
  --gutter: 8rem;

  /* Navigation */
--nav-bg: var(--color-primary);
--nav-hover-bg: var(--color-primary-alt);
--nav-link-color: var(--color-white);
--nav-submenu-bg: var(--color-primary);
--nav-submenu-hover: var(--color-primary-alt);



}