/* ============================================================
   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;

  /* ---------- 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 ---------- */
  --font-sans: "Montserrat", "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;
}
