/* ── SDI Farbpalette — die EINE Quelle ──
   Namen und Werte aus website/DESIGN.md. Wer die Seite umfaerbt, aendert
   ausschliesslich diese Datei. Im uebrigen Code steht kein fester Farbwert
   mehr, sondern var(--name).

   Warum zwei Formen pro Farbe:
   - --orange        fuer normale Farbangaben:  color: var(--orange)
   - --orange-rgb    fuer halbtransparente:     rgba(var(--orange-rgb), 0.4)
   Ein Hex-Wert laesst sich nicht in rgba() einsetzen, deshalb beides.

   AUSNAHME Canvas: In <canvas>-Befehlen (fillStyle/strokeStyle, also
   Matrix-Regen und Netzwerk-Animation) funktionieren CSS-Variablen NICHT.
   Diese Stellen lesen die Werte zur Laufzeit ueber
   getComputedStyle(document.documentElement).getPropertyValue('--orange').
   Siehe assets/subpage.js ganz oben. */

:root {
  /* ── Oberflaeche ── */
  --bg: #0d0a07;                 /* Seiten-Canvas. Nie reines Schwarz. */
  --bg-rgb: 13, 10, 7;

  /* ── Akzent ── */
  --orange: #e8720c;             /* Primaerer Akzent: Labels, CTAs, Links */
  --orange-rgb: 232, 114, 12;
  --orange-hell: #ff8f3d;        /* Verlauf hell (Primaer-Button) */
  --orange-dunkel: #c85d0a;      /* Verlauf dunkel */
  --orange-hover: #f2934a;       /* Link-Hover, hellere Akzentschrift */
  --auf-orange: #160b02;         /* Text auf orangen Flaechen */

  --teal: #4aa3a8;               /* Zweiter Akzent: zweite Kategorie/Kontrast */
  --teal-rgb: 74, 163, 168;
  --auf-teal: #0d2426;           /* Text auf tealen Flaechen */

  /* ── Text ── */
  --text-primaer: #f2e7d8;       /* Headlines, wichtigster Text */
  --text-primaer-rgb: 242, 231, 216;
  --text-sekundaer: #cabfa9;     /* Sub-Headlines, hervorgehobener Fliesstext */
  --text-body: #b7a68f;          /* Standard-Fliesstext */
  --text-gedaempft: #a89e8f;     /* Captions, weniger wichtige UI-Copy */
  --text-meta: #8a8175;          /* Labels, Meta, kleinste Textebene */
  --text-schwach: #6b6459;       /* Mockup-/Dateibaum-Grau */

  /* ── Nur auf der Ueber-uns-Seite (Tagebuch) ── */
  --tagebuch-text: #d6cab4;
  --tagebuch-auftakt: #e2d7c2;
  --sach-text: #d0c4ae;
}


/* Drag-Schutz: Bilder und Links lassen sich nicht als native Drag-Objekte verwenden */
img, a { -webkit-user-drag: none; }