/*
 * esz brand tokens — single source of truth for the web portal CSS
 * and the WeasyPrint PDF stylesheets.
 *
 * Ramps are generated, not hand-picked, so darker steps keep the anchor's
 * hue instead of drifting to brown/grey. Anchors come from the corporate
 * material (Vertriebspräsentation 2025):
 *   yellow  #fec804  -> step 400   (H 47deg,  S 0.98)
 *   slate   #495e67  -> step 500   (H 198deg, S 0.17)
 *   navy    #181b31                (headings, per the corporate website)
 *   grey    #798a94                (secondary text)
 * Each ramp holds H/S constant and walks lightness per step. To reg:
 * keep the anchor at its step and interpolate the remaining lightnesses.
 */
:root {
  --brand-yellow-50: #fffcf2;
  --brand-yellow-100: #fff7dc;
  --brand-yellow-200: #feeca9;
  --brand-yellow-300: #fedb5d;
  --brand-yellow-400: #fec804;
  --brand-yellow-500: #dfaf02;
  --brand-yellow-600: #c09702;
  --brand-yellow-700: #a27f01;
  --brand-yellow-800: #846701;
  --brand-yellow-900: #6a5301;
  --brand-yellow-950: #473801;
  --brand-slate-50: #f6f8f9;
  --brand-slate-100: #e9edef;
  --brand-slate-200: #ccd7db;
  --brand-slate-300: #9db1b9;
  --brand-slate-400: #688592;
  --brand-slate-500: #495e67;
  --brand-slate-600: #41535b;
  --brand-slate-700: #37474e;
  --brand-slate-800: #2f3c42;
  --brand-slate-900: #273237;
  --brand-slate-950: #1a2225;
  --brand-yellow: var(--brand-yellow-400);
  --brand-slate: var(--brand-slate-500);
  --brand-navy: #181b31;
  --brand-ink: #1d1d1b;
  --brand-grey: #798a94;
  --brand-rule: #d0d5dd;
  --brand-danger: #b42318;
  --brand-danger-soft: #fef3f2;
  --brand-white: #ffffff;
  --brand-page: var(--brand-slate-50);
  --brand-font: "D-DIN", Arial, sans-serif;
  --brand-shadow: 0 1px 3px rgb(43 47 54 / 8%);
}