/* theme.css -- ZENTRALE Farb-Tokens fuer die ganze Map. NUR :root-Custom-Properties.
   Verlinkt von den gebauten Seiten UND der App-Shell (app.html) -> editieren + Reload faerbt die
   Map um, KEIN Rebuild. Gruppiert nach Struktur-Ebenen: Canvas -> Account -> Regionfloor -> Ebene
   -> Zonen -> Boxen -> Kategorien -> Risk. Helligkeit steigt nach oben (tiefer im Stapel = dunkler).

   NEUTRAL-Schema (Christian 2026-08-27): an den Console-/Docs-Frame angeglichen -- weisslich-neutrale
   Grau-Stufen (#fcfcfb .. #dcdcda) statt des warmen Cremes; Hairlines #e3e3e2. Die EINE Farbe ist
   Clay (#d97757) fuer Risk + Hover. Kategorie-Glyphen bleiben leise Farb-Whispers als Typ-Info. */
:root{
  /* ---------- CANVAS (Seite, Text, Akzent) ---------- */
  --paper:#fcfcfb; --paper-2:#f2f2f1; --paper-3:#e8e8e6;
  --ink:#0b0b0b; --ink-soft:#383835; --muted:#52514e; --dim-2:#898781; --dim-3:#b0aeaa;
  --line:#e3e3e2; --line-2:#dcdcda;
  --accent:#d97757; --accent-soft:#e08d70; --accent-wash:#f6e7df;

  /* ---------- ACCOUNT-BODEN (Basis, Schraffur) ----------
     see-through Haarlinien-Schraffur, jetzt NEUTRAL-grau statt warm; Flanken neutral-translucent. */
  --acct-hatch-ground:rgba(255,255,255,.5); --acct-hatch-line:rgba(178,176,170,.5);
  --slab-account-ts:#dcdcda;
  --slab-account-front:rgba(232,232,230,.5); --slab-account-side:rgba(238,238,236,.5);
  --slab-account-left:rgba(228,228,226,.55); --slab-account-fs:#d5d5d2;

  /* ---------- REGIONFLOOR (Region-Boden, eine Stufe heller als Account) ---------- */
  --slab-regionfloor-top:#f0f0ef; --slab-regionfloor-ts:#e3e3e2;
  --slab-regionfloor-front:#e8e8e6; --slab-regionfloor-side:#ededec; --slab-regionfloor-left:#e8e8e6; --slab-regionfloor-fs:#dcdcda;

  /* ---------- EBENE / VPC (hellste Slab-Stufe: weisser Saum + Bodenschatten) ---------- */
  --slab-neutral-top:#fcfcfb; --slab-neutral-ts:#ffffff;
  --slab-neutral-front:#f0f0ef; --slab-neutral-side:#f6f6f5; --slab-neutral-left:#ededec; --slab-neutral-fs:#e3e3e2;

  /* ---------- ZONEN (flache Umriss-Zonen + Divider + Hover) ---------- */
  --slab-zone-ts:#dedcda; --slab-zonefill-ts:#d5d5d2; --zone-divider:#c9c9c6; --zone-hover:#d97757;

  /* ---------- BOXEN (hellste Flaeche: near-white, neutraler Stroke) ---------- */
  --box-top:#ffffff; --box-side:#f2f2f1; --box-front:#fafafa; --box-stroke:#e3e3e2;

  /* ---------- KATEGORIEN (dunkle Tailwind-Shades) ----------
     Christian: die dunklen 900-950-Versionen; compute = dunkles Grau. Box-Koerper = dunkler
     Kategorie-Ton (top-800 / front-900 / side+stroke-950), Glyph/typ-Text HELL (--box-*-ink ~ -100)
     fuer Kontrast auf dem dunklen Body -- wie die Risk-Box. --cat-* ist der ×N-Cap-Ton NEBEN der Box
     (auf dem HELLEN Plane -> mittel-dunkel -700, dort lesbar). */
  --cat-compute:#404040;    /* neutral-700 (Grau) */
  --cat-storage:#047857;    /* emerald-700 */
  --cat-network:#0e7490;    /* cyan-700   */
  --cat-serverless:#6d28d9; /* violet-700 */
  --cat-secrets:#be185d;    /* pink-700   */
  --cat-registry:#b45309;   /* amber-700  */
  --cat-identity:#4338ca;   /* indigo-700 */
  --cat-other:#334155;      /* slate-700  */

  /* ---------- BOX-KOERPER JE KATEGORIE (dunkel, aber eine Stufe heller: top-700 / front-800 /
     side+stroke-900; ink hell -100). 950 war eine Notch too much (Christian). ---------- */
  --box-compute-top:#404040;   --box-compute-front:#262626;   --box-compute-side:#171717;   --box-compute-stroke:#171717;   --box-compute-ink:#e5e5e5;
  --box-storage-top:#047857;   --box-storage-front:#065f46;   --box-storage-side:#064e3b;   --box-storage-stroke:#064e3b;   --box-storage-ink:#d1fae5;
  --box-network-top:#0e7490;   --box-network-front:#155e75;   --box-network-side:#164e63;   --box-network-stroke:#164e63;   --box-network-ink:#cffafe;
  --box-serverless-top:#6d28d9;--box-serverless-front:#5b21b6;--box-serverless-side:#4c1d95;--box-serverless-stroke:#4c1d95;--box-serverless-ink:#ede9fe;
  --box-secrets-top:#be185d;   --box-secrets-front:#9d174d;   --box-secrets-side:#831843;   --box-secrets-stroke:#831843;   --box-secrets-ink:#fce7f3;
  --box-registry-top:#b45309;  --box-registry-front:#92400e;  --box-registry-side:#78350f;  --box-registry-stroke:#78350f;  --box-registry-ink:#fef3c7;
  --box-identity-top:#4338ca;  --box-identity-front:#3730a3;  --box-identity-side:#312e81;  --box-identity-stroke:#312e81;  --box-identity-ink:#e0e7ff;
  --box-other-top:#334155;     --box-other-front:#1e293b;     --box-other-side:#0f172a;     --box-other-stroke:#0f172a;     --box-other-ink:#e2e8f0;

  /* ---------- RISK (die EINE satte Flaeche: Clay/Terracotta) ---------- */
  --risk-top:#e08d70; --risk-side:#b9634a; --risk-front:#d97757; --risk-stroke:#c06a50; --risk-ink:#fff8f5;
}