/* ═══════════════════════════════════════════════════════════════════════════
   Farbpaletten.

   Jede Palette ist nichts als ein Satz Variablen — Struktur, Typografie und
   Abstände bleiben überall gleich. Der Charakter kommt aus der Farbe, nicht aus
   zusätzlichem Zierrat.

   Jede Palette bringt beide Fassungen mit:
     --paper, --ink, …        die helle Fassung
     --d-paper, --d-ink, …    die dunkle

   Welche gilt, entscheidet ausschließlich main.css anhand von data-appearance.
   Hier steht deshalb keine einzige Medienabfrage mehr — nur Werte.

   Diese Datei wird nach main.css eingebunden, skins.css danach.

   Die Druckpalette für PDF und Karten liegt getrennt in server/utils/theme.js:
   Papier verlangt andere Werte als ein Bildschirm.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Beton & Signal ───────────────────────────────────────────────────────────
   Angelehnt an die Baustelle, ohne Kostümierung: kühler Beton, Signalgelb nur
   als Akzent. */

[data-theme="beton"] {
  --paper:         #ECEAE5;
  --paper-raised:  #F5F4F1;
  --paper-sunk:    #E1DED8;
  --ink:           #16181A;
  --ink-soft:      #3A3E42;
  --ink-muted:     #6E7276;
  --hairline:      #CDCAC4;
  --hairline-firm: #ADAAA3;
  --accent:        #8A6300;
  --accent-wash:   rgba(138, 99, 0, .10);
  --danger:        #A3352A;
  --ok:            #4A6B50;

  --d-paper:         #16181A;
  --d-paper-raised:  #1E2124;
  --d-paper-sunk:    #101214;
  --d-ink:           #ECEAE5;
  --d-ink-soft:      #C9CCCF;
  --d-ink-muted:     #8A8F94;
  --d-hairline:      #2E3236;
  --d-hairline-firm: #434850;
  --d-accent:        #E8B008;
  --d-accent-wash:   rgba(232, 176, 8, .13);
  --d-danger:        #DB7264;
  --d-ok:            #8FB795;
  --d-shadow-sheet: 0 1px 2px rgba(0, 0, 0, .32), 0 8px 24px rgba(0, 0, 0, .3);
}

/* ── Kalkweiß ─────────────────────────────────────────────────────────────────
   Hell, kühl und luftig. Die zurückhaltendste Variante. */

[data-theme="kalk"] {
  --paper:         #FBFBFA;
  --paper-raised:  #FFFFFF;
  --paper-sunk:    #F1F3F4;
  --ink:           #1A1D21;
  --ink-soft:      #3D444C;
  --ink-muted:     #6F7880;
  --hairline:      #E0E3E6;
  --hairline-firm: #C2C8CE;
  --accent:        #3A6787;
  --accent-wash:   rgba(58, 103, 135, .09);
  --danger:        #A63A2E;
  --ok:            #3F6B52;
  --shadow-sheet: 0 1px 2px rgba(26, 29, 33, .04), 0 8px 24px rgba(26, 29, 33, .06);

  --d-paper:         #14171A;
  --d-paper-raised:  #1C2024;
  --d-paper-sunk:    #0F1114;
  --d-ink:           #F0F2F4;
  --d-ink-soft:      #CFD5DA;
  --d-ink-muted:     #8B949C;
  --d-hairline:      #2A2F34;
  --d-hairline-firm: #3C434B;
  --d-accent:        #78ABD0;
  --d-accent-wash:   rgba(120, 171, 208, .13);
  --d-danger:        #DB7264;
  --d-ok:            #8FB795;
  --d-shadow-sheet: 0 1px 2px rgba(0, 0, 0, .32), 0 8px 24px rgba(0, 0, 0, .3);
}

/* ── Marine & Messing ─────────────────────────────────────────────────────────
   Die festlichste Palette. Hell erscheint sie als Marinetusche auf Elfenbein,
   dunkel als tiefes Nachtblau — in beiden Fassungen mit Messing als Akzent. Die
   helle Fassung entspricht genau der Druckpalette, das gedruckte Buch sieht also
   aus wie die helle Seite. */

[data-theme="nacht"] {
  --paper:         #F5F3EC;
  --paper-raised:  #FFFDF7;
  --paper-sunk:    #EBE8DE;
  --ink:           #161A22;
  --ink-soft:      #333B48;
  --ink-muted:     #6A6E78;
  --hairline:      #D5D2C8;
  --hairline-firm: #BAB6A9;
  --accent:        #9A6E1C;
  --accent-wash:   rgba(154, 110, 28, .10);
  --danger:        #A5342A;
  --ok:            #4C6B50;

  --d-paper:         #12151C;
  --d-paper-raised:  #1A1E27;
  --d-paper-sunk:    #0D0F14;
  --d-ink:           #EDEAE1;
  --d-ink-soft:      #C7C3B9;
  --d-ink-muted:     #888579;
  --d-hairline:      #262B35;
  --d-hairline-firm: #3A414F;
  --d-accent:        #C9922E;
  --d-accent-wash:   rgba(201, 146, 46, .13);
  --d-danger:        #D9705F;
  --d-ok:            #8FB795;
  --d-shadow-sheet: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .32);
}

/* ── Beamer-Ansicht ──────────────────────────────────────────────────────────
   Die Leinwand bleibt in jeder Palette und bei jeder Helligkeit dunkel — ein
   Projektor gibt Schwarz als "kein Licht" wieder, helle Flächen blenden im
   abgedunkelten Raum. Nur der Akzent wandert mit. */

[data-theme="beton"] { --wall-accent: #E8B008; }
[data-theme="kalk"]  { --wall-accent: #78ABD0; }
[data-theme="nacht"] {
  --wall-accent: #C9922E;
  --wall-bg: #12151C;
  --wall-panel: #1A1E27;
  --wall-line: #262B35;
}