/* ==========================================================
   DTKV ELEMENTOR LEGACY COMPATIBILITY
   M9C3C3A: temporaere No-Visual-Change-Bridge
   ========================================================== */

:root {
  /* Farben - Basis */
  --dtkv-primary: var(--e-global-color-primary, #A9936F);
  --dtkv-secondary: var(--e-global-color-secondary, #4A4A4A);
  --dtkv-text: var(--e-global-color-text, #1F1F1F);
  --dtkv-accent: var(--e-global-color-accent, #8A7554);
  --dtkv-link: var(--dtkv-accent);

  /* Farben - Flaechen */
  --dtkv-bg: var(--e-global-color-165b1a6, #F6F4F1);
  --dtkv-primary-soft: var(--e-global-color-3f1a83c, #F3EFE8);
  --dtkv-card: var(--e-global-color-fcfbf8, #FCFBF8);
  --dtkv-card-bg: var(--dtkv-card);
  --dtkv-surface: #FFFFFF;
  --dtkv-highlight: #D6B84A;

  /* Farben - Linien & Textabstufungen */
  --dtkv-border: #ECE7DF;
  --dtkv-border-strong: #D8D0C4;
  --dtkv-line: #E8E4DE;
  --dtkv-muted: color-mix(in srgb, var(--dtkv-text) 55%, white);
  --dtkv-neutral: color-mix(in srgb, var(--dtkv-text) 50%, white);

  /* Farben - Status */
  --dtkv-positive: #5f8a60;
  --dtkv-negative: #b35f5f;

  /* Tabellen */
  --dtkv-row: var(--dtkv-primary-soft);
  --dtkv-row-hover: color-mix(in srgb, var(--dtkv-primary) 16%, white);
  --dtkv-logo-bg: color-mix(in srgb, var(--dtkv-text) 12%, white);

  /* Liga-Modul */
  --dtkv-primary-hover: color-mix(in srgb, var(--dtkv-primary) 12%, white);
  --dtkv-league-card: var(--dtkv-surface);
  --dtkv-league-card-active: color-mix(in srgb, var(--dtkv-primary) 12%, white);
  --dtkv-league-card-hover: color-mix(in srgb, var(--dtkv-primary) 12%, white);
  --dtkv-league-border: color-mix(in srgb, var(--dtkv-primary) 14%, var(--dtkv-border));
  --dtkv-league-border-hover: color-mix(in srgb, var(--dtkv-primary) 26%, var(--dtkv-border));
  --dtkv-league-shadow: 0 8px 24px rgba(0,0,0,.055);

  /* Radius */
  --dtkv-radius-card: 12px;
  --dtkv-radius-button: 12px;
  --dtkv-radius-input: 8px;
  --dtkv-radius-chip: 999px;

  /* Schatten */
  --dtkv-shadow-card: 0 4px 16px rgba(0,0,0,.04);
  --dtkv-shadow-card-hover: 0 8px 24px rgba(0,0,0,.07);

  /* Repository-Kompatibilitaet fuer bestehende Altverwendungen */
  --dtkv-bg-light: var(--dtkv-bg);
  --dtkv-very-light-gold: var(--dtkv-primary-soft);
}