:root {
  /* ORANGE – Primärfarbe (aus Logo) */
  --clr-primary:        #A04510;
  --clr-primary-dark:   #7A3208;
  --clr-primary-light:  #FEF3E8;

  /* DUNKELBLAU – Hero & Footer (aus Logo) */
  --clr-secondary:      #1C3050;
  --clr-secondary-mid:  #1E3A5F;
  --clr-secondary-light:#254570;

  /* TEAL – Akzent (aus Logo: "UMZÜGE"-Schrift) */
  --clr-accent:         #1D7A8A;
  --clr-accent-dark:    #155E6E;
  --clr-accent-light:   #E6F5F7;

  /* BACKGROUNDS – Clean & Minimal */
  --clr-bg:             #FAFAFA;
  --clr-bg-alt:         #F4F4F4;
  --clr-white:          #FFFFFF;

  /* TEXT */
  --clr-text:           #111111;
  --clr-text-mid:       #555555;
  --clr-text-light:     #696969;
  --clr-border:         #EBEBEB;

  /* STATUS */
  --clr-success:        #16a34a;
  --clr-error:          #dc2626;

  /* TYPOGRAFIE */
  --ff-body: "Inter", system-ui, -apple-system, sans-serif;
  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-lg:   1.125rem;
  --fs-xl:   1.25rem;
  --fs-2xl:  1.5rem;
  --fs-3xl:  2rem;
  --fs-4xl:  2.5rem;
  --fs-5xl:  3.25rem;

  /* ABSTÄNDE */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;

  /* RADIUS */
  --radius-sm:   0.25rem;
  --radius-md:   0.5rem;
  --radius-lg:   0.75rem;
  --radius-xl:   1rem;
  --radius-2xl:  1.5rem;
  --radius-full: 9999px;

  /* SCHATTEN */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04), 0 1px 4px rgba(0,0,0,0.04);
  --shadow-md: 0 3px 8px rgba(0,0,0,0.05), 0 2px 16px rgba(0,0,0,0.05);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.07), 0 3px 10px rgba(0,0,0,0.03);
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.09), 0 6px 18px rgba(0,0,0,0.04);
  --shadow-gold:   0 8px 28px rgba(232,118,26,0.30);
  --shadow-blue:   0 8px 28px rgba(232,118,26,0.28);
  --shadow-orange: 0 8px 28px rgba(232,118,26,0.32);

  /* ÜBERGÄNGE */
  --transition:      0.22s ease;
  --transition-slow: 0.4s ease;
  --header-h: 80px;
}