/* == Smoking Madhouse - Farbtokens - EINZIGE WAHRHEIT ======================
   Angelegt 09.09.2026.
   Auftrag: 20-Smoking-Madhouse/06-Technik-und-Module/
            Konzept-Farbtokens-und-Hellmodus-2026-09-09.md (Teil B)

   Hier - und nur hier - stehen die Farben von Smoking Madhouse.
   Beide Auslieferungswege laden diese eine Datei:

     Website 3   ir.asset "asset_sm_tokens", Bundle web.assets_frontend,
                 Sequenz 101 (nach user_custom_rules.scss 99/100,
                 vor allem eigenen CSS ab 105).
     Club-App    mcp.webapp 16 (/mein-madhouse), Feld head_extras,
                 <link rel="stylesheet">. Die --mh-* der App sind seither
                 nur noch Verweise auf die --sm-* von hier; ihre 377
                 Nutzungsstellen bleiben unberuehrt.

   Warum: Bis zum 09.09.2026 gab es zwei getrennte Tokensaetze, gekoppelt
   nur durch einen Kommentar ("Wer den Shop umfaerbt, zieht diesen Block
   mit nach"). Genau daran ist Befund C-08 der Maengelliste auseinander-
   gelaufen. Deshalb: keine Hex-Kopien in anderen Dateien, kein
   var(--sm-x, #fallback).

   Messlatte und Begruendung der Werte:
   20-Smoking-Madhouse/02-Marke-und-Design/SM-DESIGN.md
   ------------------------------------------------------------------------
   Farbwelt K "Kronjuwel", abgenommen 04.09.2026. Uebernommen aus dem
   :root-Block von user_custom_rules.scss (ir.attachment 93135, Zeilen
   38-103); dort steht seit dem 09.09.2026 nur noch --mmh (Mega-Menue,
   eine Eigenheit der Website) plus ein Verweis hierher.
   ========================================================================= */

:root{
  /* --- Rahmen: echtes Schwarz ------------------------------------------- */
  --sm-dark-0:#050507;
  --sm-dark:#0A0A0D;
  --sm-dark-2:#131219;
  --sm-dark-3:#341F50;
  --sm-line-dark:rgba(255,255,255,.11);
  --sm-on-dark:#D0C8DD;
  --sm-on-dark-strong:#F5F1FA;

  /* --- Handlungsfarbe: Altgold ------------------------------------------
     --sm-cta-3 war bis 09.09.2026 #9E731B; mit --sm-cta-text ergab das
     4,34:1 und lag damit unter AA (SM-DESIGN.md Abschnitt 3). Der
     dunkelste Verlaufsstopp steht jetzt auf #A3761C = 4,56:1 - der Wert,
     den die Club-App und sm_polish.css schon getragen haben. */
  --sm-cta-1:#F2D48C;
  --sm-cta-2:#CC9C39;
  --sm-cta-3:#A3761C;
  --sm-cta-1h:#F8E1A6;
  --sm-cta-2h:#DCAC4E;
  --sm-cta-3h:#B08428;
  --sm-cta-text:#1A1206;
  --sm-cta-rgb:204,156,57;

  --sm-accent:#CC9C39;
  --sm-accent-deep:#EDD6A4;
  --sm-accent-red:#7E3A63;
  --sm-accent-rgb:204,156,57;

  --sm-gold:#DCAC4E;
  --sm-gold-2:#EDD6A4;
  --sm-gold-rgb:220,172,78;
  --sm-gold-soft:rgba(220,172,78,.85);
  --sm-line-gold:rgba(220,172,78,.40);

  --sm-purple:#7A3DBE;
  --sm-purple-rgb:122,61,190;
  --sm-green:#63C29A;
  --sm-green-rgb:99,194,154;
  --sm-link:#DCAC4E;

  /* --- Shopflaechen ------------------------------------------------------
     Grundverlauf: page-2 = OBEN (dunkel, unter dem schwarzen Kopf),
     page = UNTEN (heller und farbiger). Der Purpurschein sitzt unten. */
  --sm-page:#1C122E;
  --sm-page-2:#171024;
  --sm-ink:#D4CCE1;
  --sm-ink-strong:#F6F2FA;
  --sm-muted:#A79BB8;
  --sm-muted-2:#9C90AF;
  --sm-surface:#30204A;
  --sm-surface-2:#291A3F;
  --sm-field:#3A2758;
  --sm-line:rgba(255,255,255,.12);
  --sm-hairline:rgba(255,255,255,.07);

  /* --- Form, Tiefe, Bewegung --------------------------------------------
     --sm-r-xl (22px) ist am 09.09.2026 dazugekommen: die Club-App fuehrt
     diesen dritten Radius als --mh-r-lg an vier Stellen. Lieber ein Token
     mehr als eine unbemerkte Formaenderung. */
  --sm-r-sm:8px;
  --sm-r:12px;
  --sm-r-lg:18px;
  --sm-r-xl:22px;
  --sm-shadow-1:0 1px 2px rgba(0,0,0,.34),0 6px 18px rgba(0,0,0,.26);
  --sm-shadow-2:0 2px 6px rgba(0,0,0,.4),0 18px 40px rgba(0,0,0,.42);
  --sm-shadow-3:0 6px 14px rgba(0,0,0,.44),0 30px 70px rgba(0,0,0,.52);
  --sm-aura-rgb:122,61,190;
  --sm-glow:0 10px 30px rgba(204,156,57,.26);
  --sm-ease:.2s cubic-bezier(.2,.7,.3,1);

  /* --- Meldefarbe --------------------------------------------------------
     Fehlerrot, 09.09.2026 aus der Club-App heraufgezogen. Auf --sm-page
     6,21:1, auf --sm-surface 5,10:1 - beides ueber AA.
     --sm-warn stand bis dahin mitten im SCSS in einem Produktseiten-Block. */
  --sm-red:#E0798F;
  --sm-red-rgb:224,121,143;
  --sm-warn:#F0A79C;
  --sm-warn-rgb:240,167,156;

  /* --- Zwei Helfer fuer den hellen Modus ---------------------------------
     --sm-veil-rgb ist der Ton, aus dem ALLE Aufheller und Haarlinien
     gemischt werden. Im Dunkeln Weiss, im Hellen Nachtpurpur - damit
     kippen die 50 Stellen mit rgba(...,.03 bis .36) mit, ohne dass ihre
     einzelnen Deckkraefte verlorengehen (deshalb ein RGB-Token und nicht
     zwei feste Schleier).
     --sm-media-bg ist der Grund UNTER Produktfotos. Freisteller brauchen
     in BEIDEN Modi Weiss - das ist Absicht und kein --sm-surface. */
  --sm-veil-rgb:255,255,255;
  --sm-media-bg:#FFFFFF;
  /* --sm-flor-rgb ist der Ton, der ueber einem Foto liegt, damit es sich in
     die Seite zurueckzieht (Kategorie-Blende im Shop-Kopf). Anders als der
     Schleier oben folgt er dem GRUND, nicht dem Gegenteil: im Dunkeln fast
     Schwarz, im Hellen Pergament. Sonst dunkelt er das Pergament ab. */
  --sm-flor-rgb:13,13,16;

  /* --- Schrift -----------------------------------------------------------
     Stand bisher hart in fuenf Modul-CSS-Dateien und 49-mal als --mh-titel.
     Oswald liegt lokal (DSGVO, 08.09.2026), nicht bei Google. */
  --sm-display:'Oswald','Arial Narrow',sans-serif;
  --sm-text:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;
}

/* == Tageslicht - der helle Modus ==========================================
   Angelegt 09.09.2026 (Konzept Teil C).

   Dunkel ist Standard, hell die Option (Jan, 08.09.2026). Deshalb steht die
   Nachtwelt oben in :root und wird hier nur ueberschrieben - kein zweites
   Design, keine zweite Datei. Geschaltet wird ueber das Attribut
   data-sm-licht am <html>; ein synchrones Skript im <head> setzt es aus
   localStorage['sm-licht'], bevor die Seite malt (sm_licht.xml).
   Bewusst KEIN prefers-color-scheme und keine dritte Stellung: die meisten
   Geraete melden hell, das wuerde "Dunkel ist Standard" aushebeln.

   Grundgedanke: kein Weiss, sondern Pergament mit Purpurhauch. Der
   Nachtpurpur wandert von der Flaeche in die Schrift. Im Hellen liegt die
   Karte HELLER als der Grund - im Dunkeln ist es umgekehrt.

   Was hier NICHT steht, bleibt absichtlich Nacht:
   --sm-dark*, --sm-on-dark*, --sm-line-dark und die Goldknoepfe
   (--sm-cta-*). Kopf, Fuss und Mega-Menue bleiben also auch im hellen
   Modus schwarz - das SM-Logo ist mehrfarbig (Gold #EAAF2F, Rot #8F080F,
   Weissanteile #FEFEFE) und wuerde auf Pergament ausbleichen; Suchleiste
   und Mega-Menue behalten ihr geprueftes Aussehen, und der Lichtschalter
   sieht in beiden Stellungen gleich aus.
   Der Goldverlauf traegt in beiden Modi: dunkle CTA-Schrift auf
   cta-1/2/3 = 12,86 / 7,40 / 4,56.

   Kontraste gerechnet am 09.09.2026, schlechtester der fuenf Gruende
   (page, page-2, surface, surface-2, field) - in Klammern hinter jedem Wert.
   ========================================================================= */

:root[data-sm-licht="hell"]{
  /* --- Flaechen: Pergament, nicht Weiss ---------------------------------- */
  --sm-page:#F3F0F4;
  --sm-page-2:#EAE4F0;
  --sm-surface:#FBF9FC;
  --sm-surface-2:#F7F4FA;
  --sm-field:#EDE8F2;

  /* --- Schrift ------------------------------------------------------------ */
  --sm-ink:#3A2C4F;            /* 10,20 */
  --sm-ink-strong:#1C122E;     /* 14,34 */
  /* Nachgemessen an der fertigen Seite: die Entwurfswerte #6B5C80 / #695A7E
     stimmen nur gegen die reinen Flaechen. In Wirklichkeit liegt darauf noch
     der Purpurschein und der Schleier der Chips - gemessen bis #DDD5E7, und
     darauf fielen sie auf 4,25. Zwei Stufen dunkler, jetzt ueberall ueber AA. */
  --sm-muted:#5F5070;          /*  6,48 auf page, 5,14 auf der dunkelsten Mischung */
  --sm-muted-2:#5D4E6E;        /*  6,66 auf page, 5,28 auf der dunkelsten Mischung */

  /* --- Gold: im Hellen nur fuer Kanten und grosse Schrift ------------------
     #A3761C erreicht 3,26 - alles, was als kleine Schrift gold ist, nimmt
     im hellen Modus --sm-gold-2 (6,64). */
  --sm-gold:#A3761C;           /*  3,26 */
  --sm-gold-2:#714E0E;         /*  6,64 auf page - der Entwurfswert #7A5510
                                  fiel auf den goldgetoenten Chips des Clubs
                                  (#DACDCF) auf 4,34 */
  --sm-gold-rgb:163,118,28;
  --sm-gold-soft:rgba(113,78,14,.85);
  --sm-line-gold:rgba(113,78,14,.42);
  --sm-link:#714E0E;           /*  6,64 */
  --sm-accent:#714E0E;         /*  6,64 - Entwurfswert #CC9C39 lag bei 2,01 */
  --sm-accent-deep:#714E0E;    /*  6,64 */
  --sm-accent-rgb:113,78,14;
  --sm-accent-red:#7E3A63;     /*  6,31 */

  /* --- Uebrige Farben ------------------------------------------------------ */
  --sm-purple:#5B2E8F;         /*  7,55 - traegt im Hellen auch als Schrift */
  --sm-purple-rgb:91,46,143;
  /* Der Purpurschein liegt im Dunkeln AUF der Flaeche und hellt sie auf.
     Im Hellen wuerde derselbe Ton die Flaeche abdunkeln - gemessen bis
     #D6CBE2, und darauf faellt --sm-muted auf 3,88. Deshalb im Hellen ein
     heller Purpur: der Schein bleibt sichtbar, die Flaeche bleibt Pergament. */
  --sm-aura-rgb:186,166,214;
  --sm-green:#2A7252;          /*  4,65 - Entwurfswert #2E7D5B lag bei 4,01 */
  --sm-green-rgb:42,114,82;
  --sm-warn:#A33224;           /*  5,55 */
  --sm-warn-rgb:163,50,36;
  --sm-red:#A83350;            /*  5,18 - #E0798F erreicht auf hell nur 2,31 */
  --sm-red-rgb:168,51,80;

  /* --- Linien und Schleier: Nachtpurpur transparent statt Weiss ----------- */
  --sm-veil-rgb:28,18,46;
  --sm-flor-rgb:243,240,244;
  --sm-hairline:rgba(28,18,46,.10);
  --sm-line:rgba(28,18,46,.14);

  /* --- Tiefe deutlich zurueckgenommen -------------------------------------- */
  --sm-shadow-1:0 1px 2px rgba(28,18,46,.07),0 6px 18px rgba(28,18,46,.07);
  --sm-shadow-2:0 2px 6px rgba(28,18,46,.09),0 18px 40px rgba(28,18,46,.10);
  --sm-shadow-3:0 6px 14px rgba(28,18,46,.11),0 30px 70px rgba(28,18,46,.14);
  --sm-glow:0 10px 30px rgba(163,118,28,.18);

  /* --- Was Odoo und Bootstrap fest verdrahten ------------------------------
     Ohne diese sechs bleibt der helle Modus fleckig. */
  --body-bg:#F3F0F4;
  --body-color:#3A2C4F;
  --heading-color:#1C122E;
  --o-cc1-bg:#F3F0F4;
  --o-wsale-card-bg:#FBF9FC;
  --o-wsale-card-thumb-background:#FFFFFF;
  /* Bootstrap rechnet Links und Knopfrahmen aus der Odoo-Palette aus
     (primary_variables.scss, kompiliertes SCSS - dort kommen wir mit
     Variablen nicht heran). Diese beiden fangen den Grossteil ab. */
  --link-color-rgb:113,78,14;
  --bs-link-color-rgb:113,78,14;
}

/* == Die Nachtinseln =======================================================
   Kopf, Fuss, Mega-Menue, Altersabfrage und das Suchfenster bleiben auch im
   hellen Modus Nacht (entschieden 09.09.2026). Statt 45 einzelne Regeln dort
   umzuschreiben, holt dieser eine Block die Nachtwerte an der Wurzel dieser
   Bereiche zurueck - CSS-Variablen vererben, also gilt das fuer alles darin.

   Vorteil gegenueber Einzelkorrekturen: was in diesen Bereichen kuenftig
   dazukommt, ist automatisch richtig, und niemand muss daran denken.

   Warum ueberhaupt: das SM-Logo ist mehrfarbig (Gold #EAAF2F, Rot #8F080F,
   Weissanteile #FEFEFE) und wuerde auf Pergament ausbleichen. So bleibt es
   unveraendert, Suchleiste und Mega-Menue behalten ihr geprueftes Aussehen,
   und der Lichtschalter sieht in beiden Stellungen gleich aus.
   ========================================================================= */

:root[data-sm-licht="hell"] header#top,
:root[data-sm-licht="hell"] #wrapwrap > footer,
:root[data-sm-licht="hell"] #sm_age_gate,
:root[data-sm-licht="hell"] .modal:has(.o_searchbar_form),
:root[data-sm-licht="hell"] .o_mega_menu,
:root[data-sm-licht="hell"] .sm-seite .sm-hero,
:root[data-sm-licht="hell"] .sm-ab18-kachel,
:root[data-sm-licht="hell"] .smhp .smsl-hero,
/* Die letzten beiden gehoeren der Club-App. Achtung: dort zaehlen zusaetzlich
   die --mh-*, und die sind am :root der App schon ausgerechnet - sie werden
   in x_sm_treue/data/webapp.xml selbst zurueckgeholt, nicht hier. */
:root[data-sm-licht="hell"] .mh-karte,
:root[data-sm-licht="hell"] .mh-nav-inner{
  --sm-page:#1C122E;
  --sm-page-2:#171024;
  --sm-surface:#30204A;
  --sm-surface-2:#291A3F;
  --sm-field:#3A2758;
  --sm-ink:#D4CCE1;
  --sm-ink-strong:#F6F2FA;
  --sm-muted:#A79BB8;
  --sm-muted-2:#9C90AF;
  --sm-gold:#DCAC4E;
  --sm-gold-2:#EDD6A4;
  --sm-gold-rgb:220,172,78;
  --sm-gold-soft:rgba(220,172,78,.85);
  --sm-line-gold:rgba(220,172,78,.40);
  --sm-link:#DCAC4E;
  --sm-accent:#CC9C39;
  --sm-accent-deep:#EDD6A4;
  --sm-accent-rgb:204,156,57;
  --sm-accent-red:#7E3A63;
  --sm-purple:#7A3DBE;
  --sm-purple-rgb:122,61,190;
  --sm-aura-rgb:122,61,190;
  --sm-green:#63C29A;
  --sm-green-rgb:99,194,154;
  --sm-warn:#F0A79C;
  --sm-warn-rgb:240,167,156;
  --sm-red:#E0798F;
  --sm-red-rgb:224,121,143;
  --sm-veil-rgb:255,255,255;
  --sm-flor-rgb:13,13,16;
  --sm-hairline:rgba(255,255,255,.07);
  --sm-line:rgba(255,255,255,.12);
  --sm-shadow-1:0 1px 2px rgba(0,0,0,.34),0 6px 18px rgba(0,0,0,.26);
  --sm-shadow-2:0 2px 6px rgba(0,0,0,.4),0 18px 40px rgba(0,0,0,.42);
  --sm-shadow-3:0 6px 14px rgba(0,0,0,.44),0 30px 70px rgba(0,0,0,.52);
  --sm-glow:0 10px 30px rgba(204,156,57,.26);
  --body-color:#D4CCE1;
  --heading-color:#F6F2FA;
  --o-cc1-bg:#171024;
}