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

:root {
  /* Farbvariablen – semantisch benannt */
  --color-primary: #eeab00;
  --color-primary-alt: #ffe091;
  --color-primary-alt2:#c48d00;

  --color-secondary: #2e2925;          
  --color-secondary-alt: #534438;    

  --color-tertiary:      #18160f;
  --color-tertiary-transparent:rgb(24,22,15,0.8);
  --color-tertiary-alt:  #000000;

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

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

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

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

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

}