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

:root {
  /* Farbvariablen – semantisch benannt */
  --color-primary: #004a99;
  --color-primary-alt: #3596ed;

  --color-secondary: #000;          
  --color-secondary-alt: #2b2b2b;    

  --color-tertiary:      #d9edff;

  --color-bg: var(--color-tertiary);
  --color-surface: var(--color-tertiary);
  --color-text: #000;
  --color-grey:#d6d6d6;
  --color-muted: #818181;
  --color-white:#fff;

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

  /* Fonts */
  --font-primary: "DM Sans", sans-serif;

  /* Spacing */
  --gutter: 12rem;
  --gutter-gf2: 6rem;

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