/* l'attention Design Tokens v1 | Präfix --la-*
   Einzige Stelle für Farben, Schrift, Raster, Radien. Nirgends sonst Hex-Werte. */
:root {
  /* Marke */
  --la-anthracite: #2C2A29;
  --la-signal: #FE5000;
  --la-signal-soft: #FFF1EB;
  --la-on-signal: #FFFFFF;

  /* Text */
  --la-ink: #2C2A29;
  --la-ink-2: #5A5755;
  --la-ink-3: #888888;
  --la-ink-inverse: #FFFFFF;

  /* Flächen und Linien */
  --la-surface: #FFFFFF;
  --la-surface-2: #F2F2F2;
  --la-surface-3: #FAFAFA;
  --la-line: #DCDCDC;
  --la-scrim: rgba(44, 42, 41, 0.5);

  /* Status */
  --la-ok: #15803D;
  --la-warn: #B5830A;
  --la-alert: #DC2626;
  --la-ok-soft: #E8F5EC;
  --la-warn-soft: #FBF3DF;
  --la-alert-soft: #FDE8E8;

  /* Intensitätsskala, Default für Layer roads-intensity (im Admin änderbar) */
  --la-intensity-6: #FFCCB5;
  --la-intensity-8: #FE9666;
  --la-intensity-10: #FE5000;
  --la-intensity-12: #B33800;

  /* Schrift */
  --la-font: Gibson, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --la-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --la-fs-12: 12px;
  --la-fs-13: 13px;
  --la-fs-15: 15px;
  --la-fs-18: 18px;
  --la-fs-22: 22px;
  --la-fs-28: 28px;
  --la-fs-38: 38px;
  --la-fs-52: 52px;

  /* Raster 4er */
  --la-space-1: 4px;
  --la-space-2: 8px;
  --la-space-3: 12px;
  --la-space-4: 16px;
  --la-space-5: 24px;
  --la-space-6: 32px;
  --la-space-7: 48px;

  /* Radien */
  --la-radius-4: 4px;
  --la-radius-8: 8px;
  --la-radius-12: 12px;
  --la-radius-pill: 999px;

  /* Bedienung */
  --la-touch: 48px;
  --la-shadow-1: 0 1px 2px rgba(44, 42, 41, 0.08), 0 1px 6px rgba(44, 42, 41, 0.06);
  --la-shadow-2: 0 4px 16px rgba(44, 42, 41, 0.18);
  --la-z-map: 1;
  --la-z-chrome: 10;
  --la-z-sheet: 50;
  --la-z-toast: 100;
}