Brand Light
--color-brand-light
#5fb4e8
Hervorhebungen, Hover-States, kleine Akzente. Logo oberer Bereich.
Brand · Primary
--color-brand
#3b8cdc
Hauptakzent. CTAs, aktive Links, Active-States. Logo Mitte.
Brand Deep
--color-brand-deep
#1f4e91
Tiefe Akzente, Schatten, Founder-Photo-Gradient. Logo unten.
Brand BG
--color-brand-bg
rgba(91,180,232,0.10)
Subtile Highlights bei Cards, Icon-Backgrounds, Tags.
BG · Primary
--color-bg
#0d1b2a
Haupt-Hintergrund der Seite. Warmes Navy mit Blau-Undertone.
BG · Soft
--color-bg-soft
#122336
Sekundäre Sections (alternierend), Newsletter-Block, Footer.
BG · Elevated
--color-bg-elevated
#1a2d44
Dropdown-Menüs, Card-Hover, Modals, CTA-Card.
BG · Overlay
--color-bg-overlay
#233856
Höchste Layer, z. B. Popovers, Cookie-Banner.
Text · Primary
--color-text
#f5f7fa
Headlines, hauptsächlicher Body-Text. WCAG AAA gegen #0d1b2a.
Text · Muted
--color-text-muted
#9aabbe
Sekundärtext, Beschreibungen, Subtitles.
Text · Dim
--color-text-dim
#5e7290
Metadaten, Labels, Footer-Text, Disabled-States.
Success
--color-success
#4ade80
Status-Badge (grüner Pulse), ROI-Tags, Form-Success.
Warn
--color-warn
#fbbf24
Beispielszenario-Tags, Coming-Soon, Hinweise.
Error
--color-error
#f87171
Form-Errors, kritische Hinweise, Vergleichs-X.