/* ============================================================
   G&B Logistics — Brand Tokens (Vanilla-PWA Subset)
   Source: G&B CI guideline 03/2012 + digital extensions
   No build step, no @import — pure CSS custom properties.
   ============================================================ */
:root {
  /* ---------- Core CI colors ---------- */
  --gb-grey:    #999999;
  --gb-red:     #C30017;
  --gb-black:   #000000;
  --gb-white:   #FFFFFF;

  /* ---------- Extended greyscale ---------- */
  --gb-grey-950: #0A0A0A;
  --gb-grey-900: #161616;
  --gb-grey-800: #242424;
  --gb-grey-700: #3A3A3A;
  --gb-grey-600: #5C5C5C;
  --gb-grey-500: #7A7A7A;
  --gb-grey-400: #999999;
  --gb-grey-300: #BFBFBF;
  --gb-grey-200: #DCDCDC;
  --gb-grey-100: #EDEDED;
  --gb-grey-50:  #F6F6F6;

  /* ---------- Red scale ---------- */
  --gb-red-900: #7A000E;
  --gb-red-800: #9C0013;
  --gb-red-700: #C30017;
  --gb-red-600: #D42234;
  --gb-red-500: #E24458;
  --gb-red-100: #FBE4E7;
  --gb-red-50:  #FDF2F3;

  /* ---------- Semantic ---------- */
  --color-success-fg: #1F5E2A;
  --color-success-bg: rgba(47,125,58,0.10);
  --color-warn-fg:    #6B4400;
  --color-warn-bg:    #FFF7E0;
  --color-warn-border:#F4D88E;

  /* ---------- Report-Aktivitätsfarben (latest-departure: arbeitet / fährt) ----
     BLD-213/D — Aktivitäts-Farbsprache des Reports für den Zeitstrahl. Werte 1:1
     aus dem latest-departure-Report. Echte Service-/Fahrt-/Steh-SEGMENTE pro Leg
     brauchen Backend-Plan-/ETA-Daten (Phase 2, siehe CHANGES.md) — hier nur die
     Token-Werte, damit die Farbsprache fürs Frontend verfügbar ist. */
  --act-srv:      #E093A0;   /* Service / „arbeitet" — Füllung */
  --act-srv-edge: #CE7282;   /* Service — Kante */
  --act-srv-soft: #F3C7CE;   /* Service — weiche Fläche */
  --act-drv:      #8FB0DE;   /* Fahrt / „fährt" — Füllung */
  --act-drv-edge: #7191C6;   /* Fahrt — Kante */
  --gb-grey-150:  #E2E2E2;   /* Report-Zwischenton (Gantt-Stunden-Gridlines) */

  /* ---------- Stop action accents ---------- */
  --load-fg:      #8A4A00;
  --load-bg:      #FFF4E2;
  --load-border:  #F0CF8A;
  --load-strong:  #B25A00;
  --unload-fg:    #14506B;
  --unload-bg:    #EAF2F7;
  --unload-border:#C2D5DF;
  --unload-strong:#1F6E92;

  /* ---------- Typography ----------
     Report-grade: Helvetica Neue / Arial (System-Schrift, KEIN Webfont-Load →
     CSP-konform und identisch zum latest-departure-Report).
     Montserrat wurde bewusst entfernt — siehe DESIGN_RATIONALE_RESTYLE.md. */
  --font-sans: "Helvetica Neue", Arial, sans-serif;

  /* ---------- Radii ---------- */
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   10px;

  /* ---------- Shadows ---------- */
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 6px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg: 0 18px 32px rgba(0,0,0,0.10), 0 4px 8px rgba(0,0,0,0.05);

  /* ---------- Motion ---------- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
}