/* B&S Transport GmbH — Design Tokens
   Quelle: CONTEXT.md D-03 bis D-11 */
:root {
  /* === FARBEN === */
  --color-navy:         #0f1e35;
  --color-navy-dark:    #0a1628;
  --color-navy-light:   #1a2b4a;
  --color-accent:       #e85d1a;
  --color-accent-hover: #d94f15;
  --color-bg:           #ffffff;
  --color-bg-subtle:    #f4f6f9;
  --color-bg-dark:      #0f1e35;
  --color-text:         #1a1a2e;
  --color-text-light:   #5a6a7a;
  --color-text-inverse: #ffffff;
  --color-border:       #d1d9e0;
  --color-border-dark:  #2d3f55;

  /* === SPACING (4px-Basis) === */
  --space-xs:  0.25rem;  /* 4px  */
  --space-sm:  0.5rem;   /* 8px  */
  --space-md:  1rem;     /* 16px */
  --space-lg:  1.5rem;   /* 24px */
  --space-xl:  2rem;     /* 32px */
  --space-2xl: 3rem;     /* 48px */
  --space-3xl: 4rem;     /* 64px */
  --space-4xl: 6rem;     /* 96px */

  /* === TYPOGRAFIE === */
  --font-family-base:   'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-xs:       0.75rem;
  --font-size-sm:       0.875rem;
  --font-size-base:     1rem;
  --font-size-lg:       1.125rem;
  --font-size-xl:       1.25rem;
  --font-size-2xl:      1.5rem;
  --font-size-3xl:      1.875rem;
  --font-size-4xl:      2.25rem;
  --font-size-5xl:      3rem;
  --font-size-hero:     clamp(2.5rem, 5vw, 4rem);
  --line-height-tight:   1.2;
  --line-height-snug:    1.4;
  --line-height-base:    1.6;
  --line-height-relaxed: 1.8;

  /* === BORDER RADIUS === */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* === SHADOWS === */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.16);

  /* === TRANSITIONS === */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;

  /* === Z-INDEX === */
  --z-header:  100;
  --z-overlay: 1000;
}