/* tokens.css — Design-Tokens für Importlotse.
   Grundlage: docs/DESIGN_Handoff_v2.md §3 und §4.
   Reine Gestaltung — keine Produktlogik, keine Datenannahmen.

   Zwei Flächenfarben (Canvas + Surface). Severity-Farben ausschließlich für
   Kante, Icon, Badge und blasse Teilflächen — nie als Kartenhintergrund und
   nie im Fließtext. */

:root {
  /* ---- Neutral ---- */
  --il-canvas:         #F6F7F9;
  --il-surface:        #FFFFFF;
  --il-surface-muted:  #F1F3F6;
  --il-border:         #E1E6EB;
  --il-border-strong:  #CBD3DB;
  --il-text:           #12181F;
  --il-text-secondary: #45505C;
  --il-text-muted:     #6B7785;
  --il-text-disabled:  #9AA5B1;

  /* ---- Akzent (Petrol): Aktionen, Fokus, Local-first-Signal ---- */
  --il-accent:             #0E6E68;
  --il-accent-hover:       #0B5852;
  --il-accent-soft:        #E4F0EF;
  --il-accent-soft-border: #C9E1DF;
  --il-focus-ring:         rgba(14, 110, 104, .22);

  /* ---- Severity ----
     <name> = Icon/Kante · -text = Badge-Text · -border · -soft = Fläche */
  --il-error:          #B03A32;
  --il-error-text:     #8E2C25;
  --il-error-border:   #F0D2CB;
  --il-error-soft:     #FBEDEA;

  --il-warning:        #8A5A0B;
  --il-warning-text:   #7A4F09;
  --il-warning-border: #EFDCB6;
  --il-warning-soft:   #FDF4E4;

  --il-info:           #1F5B8F;
  --il-info-text:      #1B4E7A;
  --il-info-border:    #D3E1EF;
  --il-info-soft:      #EDF3F9;

  --il-ok:             #1E6A46;
  --il-ok-border:      #C9E2D3;
  --il-ok-soft:        #EBF4EF;

  /* ---- Radius / Elevation ---- */
  --il-radius-sm:   6px;
  --il-radius-md:  10px;
  --il-radius-lg:  14px;
  --il-radius-pill: 999px;
  --il-shadow-1: 0 1px 2px rgba(16, 24, 32, .05);
  --il-shadow-2: 0 12px 28px -16px rgba(16, 24, 32, .28);

  /* ---- Spacing (4-px-Basis) ---- */
  --il-space-1:  4px;
  --il-space-2:  8px;
  --il-space-3: 12px;
  --il-space-4: 16px;
  --il-space-5: 24px;
  --il-space-6: 32px;
  --il-space-7: 40px;
  --il-space-8: 64px;

  /* ---- Typografie: ausschließlich System-Fonts ----
     Keine Webfonts, keine externen Requests, keine Font-Dateien im Repo.
     System-Fonts laufen je Plattform metrisch unterschiedlich — deshalb
     nirgends feste Höhen oder Zeilenzahlen annehmen. */
  --il-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui,
                  "Helvetica Neue", Arial, sans-serif;
  --il-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
                  "Liberation Mono", monospace;

  --il-text-3xl: 40px;  --il-lh-3xl: 44px;
  --il-text-2xl: 26px;  --il-lh-2xl: 32px;
  --il-text-xl:  20px;  --il-lh-xl:  28px;
  --il-text-lg:  17px;  --il-lh-lg:  27px;
  --il-text-md:  15px;  --il-lh-md:  24px;
  --il-text-sm:  14px;  --il-lh-sm:  22px;
  --il-text-xs:  12.5px; --il-lh-xs: 18px;
  --il-text-mono: 13px; --il-lh-mono: 20px;

  --il-content-max: 1120px;   /* Content-Breite */
  --il-measure: 72ch;         /* max. Textspaltenbreite */
  --il-tap: 44px;             /* Mindest-Touchziel */
}