/* smoodi.consulting Design-Tokens — Entwurf 15.09.2026. Farben = echte CI (Logo-SVG). */
:root{
  /* Farbe */
  --navy:#221671; --navy-700:#1B1160; --navy-800:#150C4A; --navy-900:#0E0838;
  --mint:#69DEAA; --mint-300:#9CEBC8; --mint-100:#E6F9F1; --mint-50:#F3FCF8;
  --ink:#141433; --ink-2:#3D3F5C; --ink-3:#6B6E8A; --ink-4:#9A9DB5;
  --bg:#FFFFFF; --bg-2:#F6F6FA; --bg-3:#EEEEF5; --line:#E4E5EE; --line-2:#D3D5E3;
  --focus:#2E6BFF;
  /* Typografie */
  --font-display:"Co Headline","Co Headline Fallback",sans-serif;
  --font-text:"Brother","Brother Fallback",sans-serif;
  --fs-0:.8125rem; --fs-1:.9375rem; --fs-2:1.0625rem; --fs-3:1.1875rem; --fs-4:1.375rem;
  --fs-h4:clamp(1.25rem,1.1rem + .6vw,1.5rem);
  --fs-h3:clamp(1.5rem,1.25rem + 1vw,2rem);
  --fs-h2:clamp(2rem,1.5rem + 2vw,3rem);
  --fs-h1:clamp(2.5rem,1.6rem + 3.6vw,4.5rem);
  --fs-hero:clamp(2.75rem,1.4rem + 4.8vw,5.25rem);
  --lh-tight:1.02; --lh-snug:1.15; --lh-base:1.6; --lh-relaxed:1.7;
  --ls-display:-.02em;
  --measure:64ch;
  /* Raum */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem; --s-6:2rem; --s-7:3rem; --s-8:4rem; --s-9:6rem; --s-10:8rem;
  --section:clamp(3rem,2rem + 4.5vw,6rem);
  --container:1200px; --container-wide:1360px; --container-text:760px; --gutter:clamp(1.25rem,4vw,2.5rem);
  --nav-h:72px;
  /* Form */
  --r-1:6px; --r-2:10px; --r-3:16px; --r-4:24px; --r-pill:999px;
  --shadow-1:0 1px 2px rgba(20,20,51,.06),0 1px 3px rgba(20,20,51,.04);
  --shadow-2:0 4px 12px rgba(20,20,51,.08),0 1px 3px rgba(20,20,51,.05);
  --shadow-3:0 16px 40px rgba(34,22,113,.12),0 4px 12px rgba(20,20,51,.06);
  --shadow-mint:0 0 0 4px rgba(105,222,170,.28);
  /* Bewegung */
  --ease-out:cubic-bezier(.23,1,.32,1); --ease-in-out:cubic-bezier(.77,0,.175,1); --ease:cubic-bezier(.22,.61,.36,1);
  --t-fast:140ms; --t-base:200ms; --t-slow:320ms;
  /* Z */
  --z-header:50; --z-menu:60; --z-modal:80; --z-toast:90;
}