/*
 * Kibble Webshop Connector – Design-Variablen
 * Defaults entsprechen den am häufigsten verwendeten der bisherigen
 * hartcodierten Werte je Kategorie (Farbe/Radius). Da jede einzelne
 * Verwendungsstelle in den CSS-Dateien ihren EIGENEN, ursprünglich
 * exakten Wert als var()-Fallback behält, ändert sich am Aussehen nichts,
 * solange im Design-Tab (Kibble Webshop → Einstellungen → Design) nichts
 * eingestellt wird. Erst eine Änderung dort überschreibt alle Stellen,
 * die diese Variable verwenden, einheitlich (siehe wp_add_inline_style()
 * in includes/trait-kkwc-access.php, Methode design_var_overrides_css()).
 */
:root{
  /* Akzentfarben */
  --kkwc-accent:#ffcf6b;
  --kkwc-accent-light:#ffd86b;
  --kkwc-accent-solid:#e0b53a;
  --kkwc-accent-grad:#f3d27a;

  /* Textfarben */
  --kkwc-text:#ffffff;
  --kkwc-text-body:#f4f4f4;
  --kkwc-muted:#aaaaaa;
  --kkwc-button-text:#1a1208;

  /* Flächen/Hintergründe */
  --kkwc-card-bg:rgba(0,0,0,0.85);
  --kkwc-card-bg-strong:rgba(0,0,0,0.55);
  --kkwc-card-bg-soft:rgba(0,0,0,0.35);
  --kkwc-field-bg:#1c1c1c;
  --kkwc-field-border:#6b5a2a;
  --kkwc-border-soft:rgba(255,255,255,0.15);
  --kkwc-shadow-color:rgba(0,0,0,0.5);

  /* Status */
  --kkwc-success:#2f9d74;
  --kkwc-error:#ff8a8a;
  --kkwc-error-bg:#c0392b;

  /* Radien */
  --kkwc-radius-lg:16px;
  --kkwc-radius-md:12px;
  --kkwc-radius-sm:6px;

  /* Schatten (zusammengesetzt aus 5 Teilwerten, siehe design_var_overrides_css() in
     includes/trait-kkwc-access.php). Solange kein Teilwert im Design-Tab gesetzt ist,
     bleibt --kkwc-shadow ungenutzt - jede Verwendungsstelle behaelt ihren eigenen
     var(--kkwc-shadow, <ursprünglicher-wert>)-Fallback. */
  --kkwc-shadow:0px 8px 24px 0px rgba(0,0,0,0.5);

  /* Karten (Card-Gruppe): .kkwc-card, .kkwc-player, .kkwc-item, .kkacc-kpi, .kkusup-kpi,
     .kkse-addbox, .kkwc-admin-card */
  --kkwc-card-font-size:18px;
  --kkwc-card-padding-y:18px;
  --kkwc-card-padding-x:20px;

  /* Buttons (Button-Gruppe): .kkwc-cta-btn, .kkwc-login-btn, .kkwc-admin-b, .kkwc-buy */
  --kkwc-btn-font-size:1em;
  --kkwc-btn-padding-y:12px;
  --kkwc-btn-padding-x:20px;

  /* Tabellenzellen (Table-Gruppe): th/td in .kkwc-inv-tbl, .kkacc-tbl, .kkusup-tbl, .kkse-tbl */
  --kkwc-table-font-size:0.9em;
  --kkwc-table-padding-y:9px;
  --kkwc-table-padding-x:10px;

  /* Formularfelder (Field-Gruppe): .kkwc-field, .kkwc-field-flex */
  --kkwc-field-padding-y:8px;
  --kkwc-field-padding-x:8px;
}