/* ============================================================
   SAICON — Color Scheme
   Basis: Ivory / Slate / Cloud (Anthropic-Markenswatches)
   Akzent: Clay #D97757 (Anthropics Akzentton)

   Abgeleitet von ~/dev/saic-color-scheme/. Abweichung von dort:
   jene Datei ersetzt Clay bewusst durch ein Petrol — für dieses
   Projekt ist Clay gewollt (PALETTE.md, Regel 5 erlaubt das
   ausdrücklich; die Neutraltöne bleiben unangetastet).

   ── Warum es ZWEI Akzent-Töne gibt ──
   Clay ist hell: auf Ivory erreicht es nur 2.96:1 und fällt damit
   selbst durch die 3:1-Schwelle für große Schrift. Deshalb:

     --accent      #D97757  NUR für Flächen (CTA-Button, CTA-Band).
                            Darauf kommt --on-accent (Slate), 5.90:1.
     --accent-ink  #A9583E  Für alles, was Akzent-TEXT ist: Links,
                            Eyebrows, Sektionsnummern.  4.80:1.

   Faustregel: Clay als Fläche, Clay-dunkel als Schrift.
   Niemals --accent als Textfarbe auf hellem Grund verwenden.

   Nur Light Mode — bewusst kein Dark Mode (Stand: 2026-07-22).
   Backup der vorherigen Dark-Mode-Variante liegt in
   docs/backups/color-scheme.dark-mode-backup.css, falls das
   später wieder gewünscht wird.

   Token-Namen sind stabil — nur diese Datei per <link> einbinden
   und ausschließlich über var(--token) referenzieren, nie
   Hex-Werte im Markup/JS hartkodieren.
   ============================================================ */

:root {
  color-scheme: light;

  /* ── Surfaces (Anthropic "Ivory") ── */
  --bg: #FAF9F5;                       /* Seitenhintergrund (Ivory Light) */
  --bg-alt: #F0EEE6;                   /* leicht abgesetzte Sektion (Ivory Medium) */
  --bg-deep: #141413;                  /* dunkle Kontrast-Sektion (Slate Dark) */
  --card: #FFFFFF;                     /* Karten */
  --nav-bg: rgba(250, 249, 245, 0.88); /* Navbar (transluzent) */

  /* ── Text (Anthropic "Slate") ── */
  --ink: #141413;                      /* Standardtext */
  --ink-soft: #3D3D3A;                 /* gedämpfter Text */
  --ink-faint: #87867F;                /* nur Labels/Meta/große Schrift, siehe PALETTE.md */

  /* ── Lines (Anthropic "Cloud" / "Ivory") ── */
  --line: #D1CFC5;                     /* Trennlinien, Rahmen */
  --line-soft: #E8E6DC;                /* sehr leise Linien */

  /* ── Accent (Clay) ── */
  --accent: #D97757;                   /* NUR Flächen — nie als Text auf hellem Grund */
  --accent-ink: #A9583E;               /* Akzent-TEXT: Links, Eyebrows, Ziffern (4.80:1) */
  --accent-deep: #C2603F;              /* Hover auf der Fläche */
  --accent-soft: #F5EBDC;              /* zarte Akzentfläche (Tags, Hover-BG) — "Warmes Sand" */
  --on-accent: #141413;                /* Text auf Clay — Slate, 5.90:1 (weiß wäre 3.12:1) */

  /* warm-neutraler Ton auf --bg-deep */
  --dim-on-dark: #C9C7BE;
}