/* Vendtrix — Design Tokens (Operations Command Center)
   Single source of truth — mirrors the Figma "Vendtrix Tokens" collection. */
:root{
  /* ---- Surfaces ---- */
  --bg-base:#0e1117;
  --bg-surface:#171b24;
  --bg-card:#0a0d13;
  --bg-tile:#121821;
  --bg-elev:#1c212c;

  /* ---- Brand (muted emerald — deliberately not neon) ---- */
  --brand-green:#10b981;
  --brand-green-lt:#34d399;
  --brand-green-deep:#059669;
  --brand-glow:rgba(16,185,129,.15);
  --cta-ink:#06231a;

  /* ---- Ampel states ---- */
  --amber:#f59e0b;
  --red:#ef4444;
  --gold:#f59e0b;

  /* ---- Ink ---- */
  --ink:#f1f5f9;
  --ink-soft:#94a3b8;
  /* WCAG 1.4.3: auf #7d889a angehoben (war #5b6678, 2.97-3.35:1 statt 4.5:1
     Pflicht) — Audit docs/business/website-wcag-bitv-seo-audit-2026-08.md.
     4.81:1 gegen den strengsten der drei genutzten dunklen Hintergruende
     (--bg-card #0a0d13), gleicher Blaugrau-Ton, nur heller. */
  --ink-faint:#7d889a;

  /* ---- Lines ---- */
  --line:rgba(241,245,249,.08);
  --line-strong:rgba(241,245,249,.16);

  /* ---- Spacing ---- */
  --sp-xs:8px; --sp-sm:12px; --sp-md:16px; --sp-lg:24px; --sp-xl:40px; --sp-section:120px;

  /* ---- Radius ---- */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-pill:999px;

  /* ---- Type ---- */
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;

  /* ---- Layout ---- */
  --container:1200px;
  --gutter:24px;

  /* ---- Motion ---- */
  --ease:cubic-bezier(.16,1,.3,1);
  --dur:240ms;

  /* ---- Elevation ---- */
  --shadow-card:0 20px 50px -10px rgba(0,0,0,.35);
  --shadow-glow:0 8px 24px -4px rgba(16,185,129,.45);
}