/* === Move To Shop Storefront (Phase D.1) ============================== */ /* Theme-friendly: nutzt currentColor + neutrale Greys, ueberschreibt nichts. */ /* WHITE-LABEL (TASK-483 P4): Alle marken-/theme-relevanten Farben sind Tokens (--mts-c-primary & Familie). Der :root-DEFAULT ist bewusst NEUTRAL (sachliches Slate/Grau-Blau), damit das Modul fuer beliebige Fremd-Haendler OHNE Multicycle-Bezug ausrollbar ist. Das Multicycle-Gruen ist als Override-Block direkt unter :root erhalten und wird ueber das Attribut data-mts-brand="multicycle" (auf oder ) aktiviert. Zustandsfarben (success/warning/danger) und neutrale Struktur-Greys sind theme-agnostisch und bleiben markenunabhaengig. THEME-ANKER-KOPPLUNG (Fremd-Theme-Fallbacks): Viele Regeln weiter unten (.pd-offer-actions, .pd-data-col, .gal-nav-cell, .costep, .faceted-search, .megamenu, .artlist-actions, .breadcrumb-container, .choice-box*, der #main-update-container-PDP-Kontext) haengen an der DOM-Struktur des Smartstore-Flex/Flow-Themes. Auf einem Ziel-Theme mit abweichender Markup-Struktur greifen sie ggf. nicht (rein kosmetischer Verlust, KEIN Funktionsbruch). Die JS-Fallback-Anker #main-update-container / form[data-pf] / .pd-form liegen in storefront.js (collectVariantQuery) und degradieren dort defensiv auf `document`. */ :root { /* ---- Marken-/Primaerfarbe: NEUTRALER Default (white-label) ---------- Sachliches Slate/Grau-Blau. Multicycle-Gruen -> Override-Block unten. Die -rgb-Tokens speisen die abgeleiteten tint/ring/Schatten via rgba(var(--...-rgb), a); so muss der Brand-Override nur die Basiswerte setzen, die Ableitungen folgen automatisch. */ --mts-c-primary: #3f5b73; --mts-c-primary-rgb: 63, 91, 115; --mts-c-primary-soft: #6c839a; /* heller: Gradient-Start / Light-BG */ --mts-c-primary-soft-rgb: 108, 131, 154; --mts-c-primary-soft-2: #5a7288; /* Hover-Gradient-Start */ --mts-c-primary-dark: #33485c; /* Gradient-Ende */ --mts-c-primary-hover: #324759; /* Solid-Button-Hover */ --mts-c-primary-active: #29394a; /* aktiv/gedrueckt */ --mts-c-primary-active-rgb: 41, 57, 74; --mts-c-primary-shadow-rgb: 26, 40, 52; /* Add-to-Cart-Drop-Shadow */ --mts-c-primary-onbg: #ffffff; /* Text auf der Primaerflaeche */ --mts-c-primary-tint: rgba(var(--mts-c-primary-rgb), 0.10); --mts-c-primary-ring: rgba(var(--mts-c-primary-rgb), 0.22); /* "Hauptfiliale"-Badge (Filialfinder-Karten): weicher Primaer-Tint. */ --mts-c-badge-primary-bg: #e9edf1; --mts-c-badge-primary-fg: #33485c; /* ---- Zustandsfarben (theme-agnostisch, markenunabhaengig) ----------- */ --mts-c-warning: #d97706; --mts-c-danger: #dc2626; --mts-c-success: #16a34a; /* ---- Neutrale Struktur-/Text-Tokens (theme-agnostisch) -------------- */ --mts-c-text: #1f2937; --mts-c-muted: #6b7280; --mts-c-border: #e5e7eb; --mts-c-bg-soft: #f9fafb; /* Global promotet (waren zuvor nur .mts-page-lokal): so loesen die PDP-/Listing-/Cart-Overrides weiter unten diese Tokens global auf (statt per-Site var()-Fallback-Literal). Werte identisch zu den bisherigen Fallbacks -> kein visueller Unterschied. --mts-surface-2, --mts-line und --mts-line-soft bleiben BEWUSST .mts-page-lokal, weil ihre per-Site-Fallbacks divergieren (#f5f5f7 vs #f1f1f4 / mehrere Border-Alphas) - ein globales Hochziehen wuerde sie kollabieren. */ --mts-surface: #ffffff; --mts-ink: #0b1220; --mts-ink-soft: #4a5568; --mts-ink-muted: #6b7280; /* Akzent-Aliase zeigen auf die Brand-Tokens (killt die zuvor versteckten green-Fallbacks in var(--mts-accent) ausserhalb .mts-page). */ --mts-accent: var(--mts-c-primary); --mts-accent-2: var(--mts-c-primary-soft); --mts-radius: 0.55rem; --mts-shadow-sm: 0 1px 2px rgba(15,23,42,0.06); --mts-shadow-md: 0 6px 18px rgba(15,23,42,0.10); } /* === Multicycle-Brand-Override (movetoshopdemo) ========================= Byte-genau die bisherigen Multicycle-Gruen-Werte (Stand vor TASK-483 P4). Aktivierung ueber data-mts-brand="multicycle" auf ODER (beide Selektor-Varianten abgedeckt). >>> DEPLOY-AUFLAGE <<< Dieses Attribut MUSS serverseitig gesetzt werden. Das bestehende data-tenant sitzt auf dem MtsAssets-