/**
 * PixelHobel Core - zentrale CSS-Design-Tokens
 *
 * Enthält ausschließlich Custom Properties, keine Klassen/Regeln. Ziel: ARS-
 * Komponenten sollen sich später leichter an andere Templates anpassen lassen,
 * indem harte Farbwerte durch var(--ph-*) ersetzt werden.
 *
 * Solange keine Komponente diese Datei einbindet, hat sie KEINE Auswirkung auf
 * die bestehende ARS-Seite - das bestehende Design ändert sich dadurch nicht.
 *
 * Herkunft der Werte (Stand 2026-07, siehe templates/ars/css/ars.css):
 * - --ph-primary, --ph-text, --ph-border, --ph-radius, --ph-shadow, --ph-bg,
 *   --ph-card-bg: 1:1 aus den bestehenden --ars-*-Variablen übernommen,
 *   unverändert.
 * - --ph-muted: entspricht --ars-grau, unverändert.
 * - --ph-accent: entspricht --ars-orange, unverändert - u. a. Grundlage für
 *   den Fokus-Ring bei Tastaturbedienung (vgl. --ars-focus: 3px solid
 *   var(--ars-orange) in ars.css). Wichtig für Barrierefreiheit, deshalb
 *   trotz drittem Slot mit aufgenommen.
 * - --ph-secondary: bewusst abweichend von --ars-tuerkis (#018186 auf der
 *   Live-Seite) - #01969c ist der neue PixelHobel-Zielwert für Türkis
 *   (bewusste Entscheidung). Die ARS-Seite nutzt weiterhin ihren eigenen,
 *   unveränderten Wert, bis eine Komponente aktiv auf --ph-secondary
 *   umgestellt wird.
 */

:root {
  --ph-primary: #94132f;
  --ph-secondary: #01969c;
  --ph-accent: #b75c00;
  --ph-text: #20252b;
  --ph-muted: #cfcfcf;
  --ph-border: #d9dedf;
  --ph-radius: 4px;
  --ph-shadow: 0 10px 30px rgb(32 37 43 / 10%);
  --ph-bg: #ffffff;
  --ph-card-bg: #f1f6f5;
}