/* KOPIE von war-app/wolke-tokens.css (Quelle dort pflegen, hierher kopieren) */
/* ============================================================================
   wolke-tokens.css — EIN Token-Set für alle Wolke-Frontends (Systemrevision U1)
   Eingebunden VOR den jeweiligen Stylesheets (Wolkenbüro index.html, FiBu
   webui.html; Webseiten folgen mit dem Monorepo-Schritt S15).
   Regeln:
   - CI-Blau heißt überall --wolke-blue (Aliasse für Altnamen unten).
   - Statusfarben sind SEMANTISCH (beschlossen 08.07.2026, Christian):
       durchgeführt = Amber/Orange  → „Handlung nötig: abrechnen!"
       gebucht      = Grün          → „läuft"
       abgerechnet  = Blau          → „erledigt, wartet nur auf Geld"
       angeboten    = Gold          → „wartet auf Kunde"
   - --leaf-radius = die Blattform (Karten-Signatur), --tap = Mindest-Touchziel.
   ========================================================================== */
:root {
  /* Kernfarben */
  --wolke-blue:      #00709E;   /* CI WaR-Blau */
  --wolke-blue-dark: #005a7e;   /* für Text auf Hellblau */
  --wolke-green:     #20912F;   /* CI Grün */
  --wolke-amber:     #e07c08;   /* Orange (Handlung nötig) */
  --wolke-gold:      #c69500;   /* CI-Gold, abgedunkelt für Lesbarkeit */
  --wolke-red:       #d83a2c;
  --wolke-gray:      #7c8590;

  /* Status-Pillen (Vollton + Weiß, wie im Live-Redesign etabliert) */
  --st-entwurf:       var(--wolke-gray);
  --st-angeboten:     var(--wolke-gold);
  --st-gebucht:       #1e8c39;
  --st-durchgefuehrt: var(--wolke-amber);
  --st-abgerechnet:   #0086bd;
  --st-abgeschlossen: var(--wolke-gray);
  --st-storniert:     var(--wolke-red);

  /* Status als helle Fläche (Board-Spaltenköpfe, Alerts) — bg + Text */
  --st-angeboten-bg: #f7ecc4;      --st-angeboten-fg: #7a5c00;
  --st-gebucht-bg: #d2edd8;        --st-gebucht-fg: #136025;
  --st-durchgefuehrt-bg: #fbe3c2;  --st-durchgefuehrt-fg: #8a4d00;
  --st-abgerechnet-bg: #d2e7f2;    --st-abgerechnet-fg: #005a7e;

  /* Form-Sprache */
  --leaf-radius: 20px 0 20px 20px;      /* große Karten/Dialoge */
  --leaf-radius-karte: 14px 14px 14px 4px; /* Listen-/Inhaltskarten */
  --tap: 44px;                           /* Mindest-Touchziel (Apple HIG) */

  /* Aliasse für gewachsene Namen (nicht neu verwenden!) */
  --war-blau: var(--wolke-blue);   /* alter Name in abr-Styles */
  --ci: var(--wolke-blue);         /* alter Name in fibu/webui */
}