/* Stöhr Logistik — colors (from Figma style guide "Datenblatt Seite 9" / Stöhr-Farben) */
:root {
  /* Hauptfarben */
  --stoehr-green: #598A63;   /* Sea Green — primary brand color */
  --stoehr-jet: #2C2C2C;     /* Jet — primary dark */
  --stoehr-purple: #69243E;  /* Tyrian Purple — accent (Karriere, CTAs) */
  --stoehr-purple-deep: #4F1C2F; /* darker berry, angled band on Startseite */

  /* Green ramp (Primär-10 … 100; tints derived from #598A63) */
  --green-10: #EEF3EF; --green-20: #DEE8E0; --green-30: #CDDCD0;
  --green-40: #BDD0C1; --green-50: #ACC5B1; --green-60: #9BB9A1;
  --green-70: #8BAD92; --green-80: #7AA282; --green-90: #699673;
  --green-100: #598A63;

  /* Jet ramp */
  --jet-10: #EAEAEA; --jet-20: #D5D5D5; --jet-30: #C0C0C0;
  --jet-40: #ABABAB; --jet-50: #959595; --jet-60: #808080;
  --jet-70: #6B6B6B; --jet-80: #565656; --jet-90: #414141;
  --jet-100: #2C2C2C;

  /* Purple ramp */
  --purple-10: #F0E9EC; --purple-20: #E1D3D8; --purple-30: #D2BDC5;
  --purple-40: #C3A7B2; --purple-50: #B4919E; --purple-60: #A57C8B;
  --purple-70: #966678; --purple-80: #875064; --purple-90: #783A51;
  --purple-100: #69243E;

  /* Neutrals seen in designs */
  --grey-bg: #EDEDED;        /* light section background */
  --grey-bg-alt: #EEEEEE;
  --grey-tag: #69727D;       /* AKTUELLES tag pill */
  --text-dark: #343434;      /* body/headline on light */
  --text-heading: #1B1F23;
  --white: #FFFFFF;

  /* Semantic aliases */
  --surface-page: var(--white);
  --surface-section: var(--grey-bg);
  --surface-brand: var(--stoehr-green);
  --surface-accent: var(--stoehr-purple);
  --surface-band: var(--stoehr-purple-deep);
  --text-body: var(--text-dark);
  --text-on-brand: var(--white);
  --text-muted: var(--grey-tag);
  --border-button: var(--stoehr-jet);
  --shadow-card: 0 0 11.8px 0 rgba(0,0,0,0.25);
}