/* ─────────────────────────────────────────────────────────────────────────
   denschEvent — Projekt-Palette (Nachtindigo, FARBEN.md §11) + DDL-Brücke
   Light = Default, Dark via html[data-mode="dark"].
   ddl-forms.css (Familien-Standard, byte-identisch aus denschorder) kennt
   keine Farben — der Akzent kommt ausschließlich von hier.
   ───────────────────────────────────────────────────────────────────────── */

html {
    /* ── CI-Palette Nachtindigo ── */
    --de-accent:             #312E81;
    --de-accent-hover:       #28256B;
    --de-accent-pressed:     #1E1B4B;
    --de-accent-light:       #4F46E5;
    --de-accent-lighter:     #A5B4FC;
    --de-accent-tint:        rgba(49,46,129,0.08);
    --de-accent-tint-strong: rgba(49,46,129,0.15);
    --de-accent-glow:        rgba(49,46,129,0.25);
    --de-accent-shadow:      rgba(49,46,129,0.40);
    --de-complement:         #817E2E;
    --de-complement-light:   #FACC15;   /* Gold — Tickets/VIP */
    --de-success:            #16A34A;
    --de-warning:            #D97706;
    --de-error:              #DC2626;
    --de-error-tint:         rgba(220,38,38,0.10);
    --de-info:               #0891B2;

    /* ── Neutrale Flächen/Text (Light) ── */
    --de-bg-light:       #F5F5F7;
    --de-bg-white:       #FFFFFF;
    --de-text-primary:   #1D1D1F;
    --de-text-secondary: #515154;
    --de-text-light:     #86868B;
    --de-border:         rgba(0,0,0,0.10);
}

html[data-mode="dark"] {
    --de-accent:             #4F46E5;   /* heller, sonst säuft Indigo auf Dunkel ab */
    --de-accent-hover:       #6366F1;
    --de-accent-pressed:     #4338CA;
    --de-accent-light:       #818CF8;
    --de-accent-lighter:     #A5B4FC;
    --de-accent-tint:        rgba(99,102,241,0.12);
    --de-accent-tint-strong: rgba(99,102,241,0.20);
    --de-accent-glow:        rgba(99,102,241,0.30);
    --de-accent-shadow:      rgba(0,0,0,0.50);

    --de-bg-light:       #101012;
    --de-bg-white:       #1C1C1E;
    --de-text-primary:   #F0F0F2;
    --de-text-secondary: #A1A1A6;
    --de-text-light:     #8E8E93;
    --de-border:         rgba(255,255,255,0.10);
}

/* ── DDL-Formulare v1: Token-Brücke ──────────────────────────
   ddl-forms.css (Familien-Standard, 1:1 aus denschorder) konsumiert
   --ddl-*-Tokens; hier auf die Event-Palette gebunden. Der Standard
   macht NUR Design — Akzent kommt vom Projekt (FARBEN.md). */
html {
    --ddl-accent:         var(--de-accent);
    --ddl-accent-light:   var(--de-accent-light);
    --ddl-accent-tint:    var(--de-accent-tint);
    --ddl-accent-glow:    var(--de-accent-glow);
    --ddl-accent-text:    var(--de-accent);
    --ddl-text-on-accent: #ffffff;
    --ddl-err:            var(--de-error);
    --ddl-err-tint:       var(--de-error-tint);
    --ddl-bg-card:        var(--de-bg-white);
    --ddl-bg-light:       var(--de-bg-light);
    --ddl-text:           var(--de-text-primary);
    --ddl-text-soft:      var(--de-text-secondary);
    --ddl-text-muted:     var(--de-text-light);
    --ddl-border:         var(--de-border);
    --ddl-divider:        rgba(0,0,0,0.06);
    --ddl-radius-xs: 4px;
    --ddl-radius-in: 8px;   /* Innen-Radius: Elemente IN 10px-Controls */
    --ddl-radius-md: 10px;
    --ddl-radius-lg: 14px;
    --ddl-radius-pill: 980px;
    --ddl-shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
    --ddl-shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --ddl-font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', system-ui, sans-serif;
    --ddl-font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --ddl-trans-fast: 120ms ease;
    --ddl-trans-base: 200ms ease;
    --ddl-switch-off:  #E9E9EA;               /* Switch-Track „aus“ (iOS-Grau) */
    --ddl-knob:        #ffffff;               /* Switch-Knopf */
    --ddl-seg-on:      var(--ddl-bg-card);    /* aktives Segment */
    --ddl-chevron:     url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
html[data-mode="dark"] {
    color-scheme: dark;     /* native Selects/Scrollbars/Caret dunkel rendern */
    --ddl-accent-text: var(--de-accent-lighter); /* #312E81 zu dunkel auf #1C1C1E */
    --ddl-divider:     rgba(255,255,255,0.06);
    --ddl-shadow-sm: 0 1px 3px rgba(0,0,0,0.35);
    --ddl-shadow-md: 0 4px 12px rgba(0,0,0,0.45);
    --ddl-switch-off:  #39393D;
    --ddl-seg-on:      #3A3A3C;
    --ddl-chevron:     url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%238E8E93' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}