/* Farben, die sauber überblenden sollen (Hardcore-Modus) */
@property --wall-a { syntax: "<color>"; inherits: true; initial-value: #1F5C5B; }
@property --wall-b { syntax: "<color>"; inherits: true; initial-value: #1A5251; }
@property --cab    { syntax: "<color>"; inherits: true; initial-value: #C8302C; }
@property --sign   { syntax: "<color>"; inherits: true; initial-value: #1F5C5B; }
@property --board  { syntax: "<color>"; inherits: true; initial-value: #24403A; }
@property --board-frame { syntax: "<color>"; inherits: true; initial-value: #8A5A32; }
@property --chalk  { syntax: "<color>"; inherits: true; initial-value: #F2EEE3; }
@property --chalk-hi { syntax: "<color>"; inherits: true; initial-value: #F6D983; }

/* ==========================================================================
   PALETTE – alle Farben der Seite stehen hier. Zum Umfärben nur diese Datei ändern.
   ========================================================================== */
:root {
  /* Papier / Creme */
  --cream:        #F4EBD9;
  --cream-deep:   #E6D8B7;
  --cream-shade:   #CDB98B;
  --note:         #F7E39A;           /* Notizzettel */

  /* Hauptfarben */
  --red:          #C8302C;
  --red-deep:     #8E1F1D;
  --red-light:    #DD5A4E;
  --yellow:       #E8B23A;
  --yellow-light: #F6D983;
  --yellow-deep:  #B98417;
  --petrol:       #1F5C5B;
  --petrol-deep:  #133F3E;
  --petrol-light: #2F7E7C;
  --ink:          #1A1A1A;
  --ink-soft:     #34302C;

  /* Chrom / Metall */
  --chrome-hi:    #FCFDFD;
  --chrome-1:     #DEE4E7;
  --chrome-2:     #AAB3B8;
  --chrome-3:     #707B81;
  --chrome-4:     #3F484D;

  /* Glühbirnen */
  --bulb-off:     #8B7A52;
  --bulb-on:      #FFF0B0;
  --bulb-halo:    #E8B23A;

  /* Gold (Joker, Gewinn) */
  --gold-1:       #F8DB6E;
  --gold-2:       #E2AE2C;
  --gold-3:       #A9740F;

  /* Holz / Bakelit (Fernseher, Tafelrahmen) */
  --wood-1:       #A9713F;
  --wood-2:       #8A5A32;
  --wood-3:       #6B4224;
  --bakelite:     #2A1F1A;
  --screen:       #0B0C0D;
  --live-on:      #FF3B2F;
  --live-off:     #5A1B17;

  /* Gummistempel */
  --stamp-ok:     #1F7A5A;
  --stamp-hang:   #C8302C;
  --stamp-seen:   #3B3A8F;
  --stamp-paper:  rgba(244, 235, 217, .82);

  /* Ausricht-Hilfe (bewusst grell, nur zum Einrichten sichtbar) */
  --guide:        #39FF6A;

  /* Transparenzen */
  --glass:        rgba(255, 255, 255, .16);
  --glass-soft:   rgba(255, 255, 255, .08);
  --shade-hard:   rgba(26, 26, 26, .82);
  --shade-mid:    rgba(26, 26, 26, .45);
  --shade-none:   rgba(26, 26, 26, 0);
  --ink-a15:      rgba(26, 26, 26, .15);
  --ink-a30:      rgba(26, 26, 26, .30);

  /* Studiowand, Gehäuse, Schilder – diese Werte wechseln im Hardcore-Modus (siehe unten) */
  --wall-a:       #1F5C5B;
  --wall-b:       #1A5251;
  --cab:          #C8302C;
  --sign:         #1F5C5B;

  /* Kreidetafel (Strichliste) – wechselt im Hardcore-Modus */
  --board:        #24403A;
  --board-frame:  #8A5A32;
  --chalk:        #F2EEE3;
  --chalk-hi:     #F6D983;

  /* Schriften */
  --font-display: "Bungee", "Impact", sans-serif;
  --font-body:    "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-hand:    "Permanent Marker", "Comic Sans MS", cursive;
}

/* ==========================================================================
   HARDCORE-MODUS: Wand tiefrot, Gehäuse schwarzer Lack, Schilder dunkelrot, Birnen rötlich.
   ========================================================================== */
body.hardcore {
  --wall-a:       #7F1B19;
  --wall-b:       #6C1514;
  --cab:          #2B2724;
  --sign:         #4F1411;
  --bulb-on:      #FFD2C2;
  --bulb-halo:    #E0584F;
  --board:        #1E1514;
  --board-frame:  #3A2A26;
  --chalk:        #FFD9CC;
  --chalk-hi:     #FF7A66;
}
body.hc-flash { --bulb-on: #E0584F; --bulb-halo: #C8302C; }