/* Stiegeler colour system — values verbatim from the 2026 Corporate Identity guide
   and from Figma_Komponenten.fig. Green and orange are the communication colours;
   blue appears ONLY in the logo. */
:root{
  /* --- Primary --- */
  --st-green:#009767;            /* RGB 0,151,103 · CMYK 100/0/75/0 · Pantone 340 c */
  --st-orange:#f37121;           /* RGB 243,113,33 · CMYK 0/69/100/0 · Pantone 152 c */
  /* --- Logo-only --- */
  --st-blue:#0069b4;             /* RGB 0,105,180 · CMYK 100/50/0/0 · Pantone 2945 c — logo use only */
  /* --- Secondary neutrals (CI guide) --- */
  --st-offwhite:#F9F9F9;         /* backgrounds */
  --st-light-grey:#E5E5E5;       /* frames / borders */
  --st-medium-grey:#6E7176;      /* body copy */
  --st-dark-grey:#2A2B31;        /* headlines */
  --st-offblack:#252525;         /* header */
  --st-white:#FFFFFF;
  /* --- Anthracite (Stiegeler Business / FiberPLUS surface) --- */
  --st-anthracite:#2D2926;       /* RGB 45,41,38 · CMYK 30/30/30/90 */
  /* --- Extended greens (presentation template) --- */
  --st-green-dark:#007A52;       /* chapter-number slides */
  --st-green-deep:#0F1F18;       /* text on mint surfaces */
  --st-green-tint:#E8F2EC;       /* RGB 232,242,236 — product-shot circle */
  --st-green-wash:#F3F7F5;       /* info-box surface */
  --st-green-muted:#5A6A62;      /* secondary text on mint */
  /* --- Extended warm greys (presentation template) --- */
  --st-warm-grey-700:#514D49;
  --st-warm-grey-400:#8C8884;
  --st-grey-900:#191919;
  --st-grey-800:#404040;
  --st-paper:#FBFBFB;
  /* --- UI-only greys from the Figma kit --- */
  --st-ui-grey-300:#B2B5BC;
  /* --- Semantic status (Figma kit) --- */
  --st-red:#FB2C36;              /* warning / error text + strokes */
  --st-red-strong:#E7000B;       /* error emphasis */
}