/* ═══════════════════════════════════════════════════════
   colors.css  –  Globale Farbvariablen
   Eine einzige Quelle für alle Farben im Projekt.
   Alle anderen CSS-Dateien referenzieren nur var(--*)
   ═══════════════════════════════════════════════════════ */

/* ── Dark Mode (Standard) ── */
:root {
  --bg:      #000000;
  --surface: #111111;
  --border:  #222222;
  --text:    #f0ece4;
  --muted:   #555555;

  /* Hintergrund-Körnung (dark) */
  --noise-opacity: 0.04;

  /* Hover-Farbe für contact-row */
  --row-hover: #161616;
}

/* ── Light Mode ── */
body.light {
  --bg:      #f5f2ed;
  --surface: #ffffff;
  --border:  #ddd8d0;
  --text:    #1a1a1a;
  --muted:   #888888;

  --noise-opacity: 0.02;
  --row-hover: #f0ece4;
}