/* ============================================================================
 * assets/theme_base.css
 *
 * Zweck: Der zentrale "Theme Contract" für WEINHELP 27.
 *
 * Architektur & Verhalten:
 * - Variablen-Registry: Definiert alle semantischen CSS Custom Properties 
 * (`--wh-*`), die im gesamten Projekt für Farben, Schatten und Overlays 
 * verwendet werden MÜSSEN.
 * - Form-Mode Control (WICHTIG): Steuert die "View-Only"-Darstellung der UI. 
 * Wenn `[data-wh27-edit-mode="0"]` (Ansichtsmodus) auf einem Container liegt, 
 * werden alle Inputs/Selects/Textareas per CSS visuell neutralisiert 
 * (transparenter Hintergrund/Rahmen, keine Pointer-Events).
 * ============================================================================ */

:root{
  /* WEINHELP Base Theme Contract – consolidated */

  /* Core colors */
  --wh-white: #ffffff;
  --wh-black: #000000;

  /* Theme-able colors (Defaults for Classic) */
  --wh-primary: #0b5bd3;
  --wh-ink: #0b3d66;
  --wh-accent2: #1a5fa0;
  --wh-bg: #ffffff;
  --wh-page-bg: #ffffff;
  --wh-content-bg: #ffffff;
  --wh-text: #000000;
  --text: #000000;
  --wh-border: rgba(0,0,0,.12);
  --wh-panel: #ffffff;
  --wh-panel2: #f3f3f3;

  /* Alpha helpers */
  --wh-shadow-12: rgba(0,0,0,.12);
  --wh-shadow-18: rgba(0,0,0,.18);

  --wh-line-10: rgba(0,0,0,.10);
  --wh-line-08: rgba(0,0,0,.08);
  --wh-line-06: rgba(0,0,0,.06);

  --wh-overlay-25: rgba(0,0,0,.25);

  --wh-glass-35: rgba(255,255,255,.35);
  --wh-glass-45: rgba(255,255,255,.45);
  --wh-glass-55: rgba(255,255,255,.55);
  --wh-glass-75: rgba(255,255,255,.75);
  --wh-glass-90: rgba(255,255,255,.90);

  --wh-r2-menu-bg : rgba(255,255,255,.95);

  /* Modal (Popup) – semantische Variablen */
  --wh-danger: #b00020;

  --wh-modal-overlay: rgba(0,0,0,.35);
  --wh-modal-bg: var(--wh-panel, #ffffff);
  --wh-modal-body-bg: var(--wh-modal-bg);
  --wh-modal-header-bg: var(--wh-panel2, #f3f3f3);
  --wh-modal-border: var(--wh-border, rgba(0,0,0,.12));
  --wh-modal-shadow: 0 12px 40px rgba(0,0,0,.30);
}

/* Form Mode Support: Inputs im View-Only Modus (Edit-Mode 0) neutralisieren */
[data-wh27-edit-mode="0"] input:not([type="button"]):not([type="submit"]),
[data-wh27-edit-mode="0"] select,
[data-wh27-edit-mode="0"] textarea {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  appearance: none;
  pointer-events: none;
}