/* Design-Tokens – Wirtschaftsberatung: Logo-Navy + ein Silber-Stahlblau-Akzent (an das Logo angeglichen) */
:root {
  --primary: #45586E;        /* Stahlblau/Silber aus dem Logo – die EINE Akzentfarbe (≥4.5:1 auf --bg) */
  --primary-dark: #34435A;
  --primary-tint: #E8EAEE;
  --accent: #15335C;         /* Logo-Navy – trägt die Farbbänder (Footer, CTA, Showcase) */
  --accent-tint: #D8DEE6;
  --bg: #FAFAF9;             /* echtes Nah-Weiß, kein Cream/Sand */
  --bg-alt: #F0F1EF;
  --text: #182130;
  --text-muted: #5B6472;
  --white: #FFFFFF;
  --line: #E1E3E0;
  --radius: 6px;
  --radius-accent: 20px;
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --shadow-sm: 0 1px 2px rgba(20, 31, 48, 0.07), 0 1px 1px rgba(20, 31, 48, 0.05);
  --shadow-md: 0 16px 36px -18px rgba(20, 31, 48, 0.32);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --dur-fast: 160ms;
  --dur-base: 260ms;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: clamp(3rem, 6vw, 6rem);
  --space-xl: clamp(4rem, 10vw, 10rem);
  --container: 1240px;
}