/* ============================================================================
 * THEME — KRENKS WERKSTATT (#1145, Entwurf 15.10.2026)
 * ----------------------------------------------------------------------------
 * Tim, 15.10.2026: „die beiden scheinen rein logisch noch ‚im Untergrund'
 * aufgehangen — sieht man am Ladebild, wenn man ihre Unterseite öffnet."
 * Bis dahin trugen Werkstatt, Album und Gästebuch `theme-untergrund`: das
 * Gewölbe mit Laternen und kalter Bodenzone. Krenks Werkstatt ist aber ein
 * eigener Bezirk der Oberstadt, kein Raum unter ihr.
 *
 * DIE PALETTE KOMMT AUS DEM BILD (grund-werkbank.webp): eine Öllampe aus
 * Messing auf einer Werkbank aus dunkler Eiche, Farbtöpfe aus Ton, Späne.
 *   - MESSING als Akzent — die Lampe, das einzige Licht auf der Bank
 *   - TERRAKOTTA als Sekundär — die Farbtöpfe
 *   - LAMPENSCHEIN als Auszeichnung — Überschriften und Werte
 *   - Flächen in dunkler Eiche (warm, ohne den Blaustich des Gewölbes)
 * ABGRENZUNG ZUM UNTERGRUND: dort Flamme (#c0782e, 28°) gegen kaltes
 * Schattenblau an den Kanten; hier Messing (33°) und Holzkanten, kein Blau.
 * Den Ort trägt die Kulisse `tc-scene--werkstatt` (scene.css): das Bild der
 * Werkbank unter einem Schleier, statt zweier Laternen im Stein.
 *
 * Kontraste (WCAG): Akzent auf --tc-text-on-accent 5,2 · Auszeichnung auf
 * Karte 12,2 · --tc-text-default auf Karte 8,1.
 * ========================================================================== */

.theme-werkstatt {
  --tc-accent:         #b07d43;
  --tc-accent-light:   #cf9c5c;
  --tc-accent-dark:    #7f5a2e;
  --tc-accent-glow:    rgba(176, 125, 67, 0.36);
  --tc-accent-rgb:     176, 125, 67;

  --tc-secondary:      #9a5a3c;
  --tc-secondary-light:#b97352;
  --tc-secondary-dark: #6e3f29;
  --tc-secondary-glow: rgba(154, 90, 60, 0.30);
  --tc-secondary-rgb:  154, 90, 60;

  --tc-highlight:      #f0d49a;
  --tc-highlight-rgb:  240, 212, 154;
  --tc-highlight-glow: rgba(240, 212, 154, 0.30);

  --tc-on-banner:      #f0d49a;
  --tc-text-on-accent: #17110b;

  --tc-bg-grund:       #100c08;
  --tc-bg-base:        #17110b;
  --tc-bg-surface-1:   #1f1810;
  --tc-bg-surface-2:   #2a2016;
  --tc-bg-surface-3:   #352a1d;

  --tc-border-color:   #4a3825;

  --tc-deco-warm-bg:        rgba(176, 125, 67, 0.07);
  --tc-deco-warm-border:    rgba(176, 125, 67, 0.26);
  --tc-deco-warm-text:      #e2bb85;

  --tc-deco-blood-pill-bg:     rgba(154, 90, 60, 0.24);
  --tc-deco-blood-pill-border: rgba(154, 90, 60, 0.50);
  --tc-deco-blood-pill-text:   #e0b39a;

  --tc-deco-ornament-border: rgba(176, 125, 67, 0.30);
  --tc-deco-ornament-glow:   rgba(176, 125, 67, 0.14);

  --tc-motion-default: var(--tc-motion-normal);
  --tc-glow-intensity: 0.30;
}

/* Der Ort als Seite: Schrift, Grundfarbe und Grund auf dem body — aus
   demselben Grund wie in untergrund.css §0 (body trägt sonst keine Schrift,
   und eine fixed-Kulisse setzt in eingebetteten Browsern aus). Die Farbe ist
   das untere Ende der Kulisse. */
body.theme-werkstatt {
  font-family: Lato, 'Segoe UI', system-ui, sans-serif;
  color: var(--tc-text-default, #ddd);
  background-color: var(--tc-bg-grund);
}