/* ══════════════════════════════════════════════════════════════════
   MARCHER LAB — DESIGN TOKENS
   ────────────────────────────────────────────────────────────────
   Zentraler Ort für alle Design-Variablen (Farben, Shadows).
   Wird geladen von:
     • lab-shell.css   (Public-Seiten: lab.marcher.li, /starterkit/, /studio/)
     • studio-shell.css (Customer-Bereich: /customer/*)
   
   Ändere hier einmal → gilt überall.
   ══════════════════════════════════════════════════════════════════ */

:root {
  /* ── Brand ─────────────────────────────────────────────────── */
  --navy:       #1E2A4A;
  --navy-dark:  #162039;
  --navy-light: #2D3F6B;

  --gold:       #F5C518;
  --gold-dark:  #D4A017;
  --gold-light: #FEF3C7;

  /* ── Neutral ───────────────────────────────────────────────── */
  --white:      #FFFFFF;
  --bg:         #F8F9FA;      /* Haupt-Hintergrund Public */
  --bg-2:       #EEF1F5;      /* Alternativer Hintergrund */
  --surface:    #FFFFFF;

  --text:       #1A1A2E;
  --text-muted: #6B7280;
  --muted:      #6B7280;       /* Alias für Rückwärtskompatibilität */

  --border:      #E5E7EB;
  --border-dark: #D1D5DB;

  /* ── Status (primär für Customer-Bereich) ──────────────────── */
  --status-live:         #10B981;
  --status-beta:         #3B82F6;
  --status-early-access: #3B82F6;
  --status-preview:      #F59E0B;
  --status-backlog:      #94A3B8;

  /* ── Shadows ───────────────────────────────────────────────── */
  --shadow-sm: 0 1px 3px rgba(30,42,74,0.08);
  --shadow-md: 0 4px 12px rgba(30,42,74,0.10);
  --shadow-lg: 0 8px 24px rgba(30,42,74,0.12);

  /* ── Feedback-States (Forms, Error/Success) ────────────────── */
  --danger:     #B91C1C;
  --danger-bg:  #FEF2F2;
  --success:    #047857;
  --success-bg: #ECFDF5;
}