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

:root {
  /* Farbvariablen – semantisch benannt */
  --color-primary: #00C8FF;
  --color-primary-alt: #0e3e4b;
  --color-primary-alt2:#2091B1;

  --color-secondary: #f1ede4;          
  --color-secondary-alt: #c6c1bb;    

  --color-tertiary:      #001318;
  --color-tertiary-alt:  #000000;

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

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

  /* Fonts */
  --font-primary: "Rethink 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);
--nav-submenu-bg: var(--color-tertiary);
--nav-submenu-hover: var(--color-primary-alt);

}