:root {
    /* Backgrounds – Dark Conference / AI-Coding CI */
    --color-background: #060912;
    --color-surface: #0c1222;
    /* :root | Änderungsprotokoll: 2026-10-04 | parent-agent | @skill-change-provenance, @skill-css-rules | Geöffnetes Hamburger-Overlay deckend schwarz */
    --color-hamburger-overlay-bg: #000000;
    --color-surface-elevated: #111827;
    --color-surface-hover: rgba(45, 212, 191, 0.08);

    /* Brand Colors – Türkis (Primary) */
    --color-primary: #2dd4bf;
    --color-primary-hover: #14b8a6;
    --color-secondary: #5eead4;
    --color-tertiary: #99f6e4;

    /* Primary Buttons – dunkleres Türkis mit heller Schrift */
    --color-primary-button: #0d9488;
    --color-primary-button-hover: #0f766e;
    --color-primary-button-text: #f8fafc;

    /* Logo */
    --color-logo-letter-blue: #2dd4bf;
    --color-logo-letter-red: #5eead4;
    --color-logo-letter-yellow: #14b8a6;
    --color-logo-letter-green: #99f6e4;

    /* Text Colors */
    /* :root | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Dunkler Hintergrund: Content-Text weiss statt grau (Dashboard Lesbarkeit) */
    --color-text: #ffffff;
    --color-text-muted: #ffffff;
    --color-text-inverse: #060912;
    --color-headline: #ffffff;

    /* Borders – dezent, ohne Glow */
    --color-border: rgba(148, 163, 184, 0.18);
    --color-border-highlight: rgba(45, 212, 191, 0.35);

    /* Tabellenraster */
    --color-table-row-bg: #0c1222;
    --color-table-row-hover-overlay: rgba(45, 212, 191, 0.06);
    --color-primary-soft-bg: rgba(45, 212, 191, 0.1);
    --color-primary-soft-border: rgba(45, 212, 191, 0.28);
    --color-primary-focus-shadow: rgba(45, 212, 191, 0.22);

    /* Status Colors */
    --color-success: #34d399;
    --color-error: #f87171;
    --color-error-hover: #ef4444;
    --color-error-soft-bg: rgba(248, 113, 113, 0.08);
    --color-error-focus-shadow: rgba(248, 113, 113, 0.2);
    /* --color-danger | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-modal-popup-windows, @skill-change-provenance | Alias fuer Modal-/Feld-Invalid laut Rule 011 */
    --color-danger: #f87171;
    --color-danger-hover: #ef4444;
    --color-warning: #fbbf24;
    --color-info: #60a5fa;

    /* Message backgrounds – dark-adapted */
    --color-success-bg: rgba(52, 211, 153, 0.12);
    --color-success-border: rgba(52, 211, 153, 0.35);
    --color-success-text: #6ee7b7;
    --color-error-bg: rgba(248, 113, 113, 0.12);
    --color-error-border: rgba(248, 113, 113, 0.35);
    --color-error-text: #fca5a5;
    --color-danger-bg: rgba(248, 113, 113, 0.12);
    --color-danger-border: rgba(248, 113, 113, 0.35);
    --color-danger-text: #fca5a5;
    --color-info-bg: rgba(96, 165, 250, 0.12);
    --color-info-border: rgba(96, 165, 250, 0.35);
    --color-info-text: #93c5fd;

    /* Legacy gradient tokens – Primary ist Vollfarbe Türkis */
    --gradient-brand: #2dd4bf;
    --gradient-text: linear-gradient(to right, #2dd4bf, #5eead4, #99f6e4);
    --gradient-tech-border: linear-gradient(135deg, rgba(45, 212, 191, 0.35), rgba(94, 234, 212, 0.2));
    --color-gold-gradient-start: #2dd4bf;
    --color-gold-gradient-mid: #5eead4;
    --color-gold-gradient-end: #99f6e4;
    --color-gold-text-shadow: rgba(45, 212, 191, 0.2);
    --gradient-gold: linear-gradient(to right, var(--color-gold-gradient-start), var(--color-gold-gradient-mid), var(--color-gold-gradient-end));

    /* Shadows – zurückhaltend, ohne Neon */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
    --shadow-md: 0 4px 12px -2px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 12px 28px -6px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 4px 16px rgba(0, 0, 0, 0.35);

    /* Home Dark-Redesign Tokens (Vorlage aicodingdays-redesign.html) */
    /* :root | Änderungsprotokoll: 2026-10-01 | subagent-copy-website-style-to-screen | @skill-copy-website-style, @skill-change-provenance | Home Redesign Farbtokens */
    --color-home-bg: #07070d;
    --color-home-panel: #0f1019;
    --color-home-panel-2: #131421;
    --color-home-line: #26283a;
    --color-home-text: #f6f7fb;
    /* :root | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Dark Theme: muted/lead/fact/vat weiss statt grau (Lesbarkeit auf dunklem Hintergrund) */
    --color-home-muted: #ffffff;
    --color-home-cyan: #5ce1e6;
    --color-home-purple: #8c63ff;
    --color-home-pink: #d162ff;
    /* :root | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Primäre Button-Schrift weiss (wie Timetable-CTA) */
    --color-home-btn-text: #f8fafc;
    --color-home-lead: #ffffff;
    --color-home-fact: #ffffff;
    --color-home-vat: #ffffff;
    --color-home-max: 1180px;
    /* :root | Änderungsprotokoll: 2026-10-01 | subagent-fix-schriffarben-fehler | @skill-change-provenance, @skill-css-rules | Hero: Chip/Button-Tokens; kein Flaechen-Scrim mehr */
    --color-home-hero-fact-bg: rgba(8, 9, 16, 0.86);
    --color-home-btn-ghost-bg: #2a2e42;
    --color-home-btn-ghost-border: #ffffff7a;
    --color-home-btn-ghost-text: #f6f7fb;
    --color-home-btn-ghost-bg-hover: #353a52;
    --color-home-btn-ghost-border-hover: #ffffffb0;
    /* :root | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | LinkedIn-Markenblau fuer Speaker-Profil-Link */
    --color-linkedin: #0a66c2;
    --color-linkedin-hover: #004182;

    /* Ticketshop Dark-Tokens (Migration Shop ins Host-Projekt, briefing.md 001.006 Punkt 004) */
    /* :root | Änderungsprotokoll: 2026-10-01 | parent-agent | @skill-css-rules, @skill-change-provenance | Ticketshop-Tokens dunkel adaptiert */
    --color-ticket-headline: var(--color-home-text);
    --color-ticket-intro-text: var(--color-home-lead);
    --color-ticket-alert-text: var(--color-home-pink);
    --color-ticket-banner-bg: var(--color-home-panel-2);
    --color-ticket-banner-border: var(--color-home-line);
    --color-ticket-button-text: var(--color-home-btn-text);
    --color-ticket-check-bg: var(--color-home-cyan);
    --color-brand: var(--color-home-cyan);
    --color-border-light: var(--color-home-line);
    --color-form-placeholder: var(--color-home-muted);
    --color-shadow-strong: rgba(0, 0, 0, 0.55);
    --color-logo-orange: var(--color-home-cyan);
    --color-logo-orange-hover: var(--color-home-purple);
    --color-logo-orange-surface: var(--color-home-panel-2);

    /* Admin-Tokens des Ticketshops (secure-admin, dunkel adaptiert) */
    /* :root | Änderungsprotokoll: 2026-10-01 | parent-agent | @skill-css-rules, @skill-change-provenance | Admin-Tokens Bestellungen und Formularversuche */
    --color-admin-nav-tabs-bg: var(--color-home-panel);
    --color-admin-nav-tabs-border: var(--color-home-line);
    --color-admin-nav-divider: var(--color-home-line);
    --color-admin-nav-link: var(--color-home-text);
    --color-admin-nav-link-hover-bg: var(--color-home-panel-2);
    --color-admin-nav-link-inactive-bg: var(--color-home-bg);
    /* :root | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Admin-CTA dunkles Türkis + weisse Schrift */
    --color-admin-cta-bg: var(--color-primary-button);
    --color-admin-cta-hover: var(--color-primary-button-hover);
    --color-admin-cta-text: var(--color-primary-button-text);
    --color-admin-light-contrast-border: var(--color-home-line);
    --color-admin-modal-backdrop: rgba(7, 7, 13, 0.82);
    --color-admin-modal-dialog-border: var(--color-home-line);
    --color-admin-contact-note-label: var(--color-home-muted);
    --color-admin-contact-note-text: var(--color-home-fact);
    --color-admin-package-ticket-bg: var(--color-home-panel-2);
    --color-admin-package-ticket-border: var(--color-home-line);
    --color-admin-package-ticket-text: var(--color-home-text);
    --color-admin-package-addon-bg: var(--color-home-panel);
    --color-admin-package-addon-border: var(--color-home-line);
    --color-admin-package-addon-text: var(--color-home-lead);
    --color-admin-status-paid: #e0f6e5;
    --color-admin-status-unpaid: #fff0f0;
    --color-admin-unpaid-row-text: #000000;


    /* Admin-Bestellungen Light-Insel / KPI-Tabelle – fehlende Tokens | Änderungsprotokoll: 2026-10-02 | parent-agent | @skill-css-rules, @skill-ui-kacheln, @skill-compact-forms, @skill-change-provenance | Status-Pastelltöne, Chips, Aktionsbuttons, Form-Shadows */
    --color-admin-status-freeticket: #fffbef;
    --color-admin-status-cancelled: #f2f2f5;
    --color-admin-unpaid-row-text-muted: #333333;
    --color-admin-unpaid-chip-bg: #c62828;
    --color-admin-unpaid-chip-border: #ffffff;
    --color-admin-unpaid-chip-text: #ffffff;
    --color-admin-paid-chip-bg: #2e7d32;
    --color-admin-paid-chip-border: #ffffff;
    --color-admin-paid-chip-text: #ffffff;
    --color-admin-freeticket-chip-bg: #c79100;
    --color-admin-freeticket-chip-border: #ffffff;
    --color-admin-freeticket-chip-text: #ffffff;
    --color-admin-cancelled-chip-bg: #5a5a64;
    --color-admin-cancelled-chip-border: #ffffff;
    --color-admin-cancelled-chip-text: #ffffff;
    /* --color-admin-orders-row-gap | Änderungsprotokoll: 2026-10-27 | parent-agent | @skill-css-rules, @skill-change-provenance | Kontrastreicher Spacer gegen Pastell-Statuszeilen */
    --color-admin-orders-row-gap: #b8c5d2;
    --color-admin-orders-year-badge-bg: var(--color-logo-orange);
    --color-admin-orders-year-badge-border: var(--color-logo-orange-hover);
    --color-admin-orders-year-badge-text: #061012;
    --color-admin-action-edit-bg: #ffffff;
    --color-admin-action-edit-border: #000000;
    --color-admin-action-edit-text: #0d9488;
    --color-admin-action-paid-button-bg: #187a2c;
    --color-admin-action-paid-button-border: #000000;
    --color-admin-action-paid-button-text: #ffffff;
    --color-admin-action-free-bg: #ffffff;
    --color-admin-action-free-border: #000000;
    --color-admin-action-free-text: #5b9fd4;
    --color-admin-action-download-invoice-bg: #ffffff;
    --color-admin-action-download-invoice-border: #000000;
    --color-admin-action-download-invoice-text: #00897b;
    --color-admin-action-download-invoice-sheet: #f0f0f0;
    /* :root | Änderungsprotokoll: 2026-10-04 | parent-agent | @skill-css-rules, @skill-change-provenance | Rechnungsvorschau-Icon gleiche Palette wie PDF-Download */
    --color-admin-action-preview-invoice-bg: #ffffff;
    --color-admin-action-preview-invoice-border: #000000;
    --color-admin-action-preview-invoice-text: #00897b;
    --color-admin-action-send-invoice-bg: #1976d2;
    --color-admin-action-send-invoice-border: #000000;
    --color-admin-action-send-invoice-text: #ffffff;
    --color-admin-action-cancel-bg: #e53935;
    --color-admin-action-cancel-border: #000000;
    --color-admin-action-cancel-text: #ffffff;
    --color-table-header-bg: var(--color-logo-orange);
    --color-table-header-text: #061012;
    --color-table-header-border: var(--color-logo-orange-hover);
    --color-table-header-edge-highlight: rgba(255, 255, 255, 0.35);
    --color-table-header-accent: var(--color-logo-orange-hover);
    --color-table-header-accent-soft: color-mix(in srgb, var(--color-logo-orange) 20%, transparent);
    --shadow-table-header: inset 0 1px 0 var(--color-table-header-edge-highlight);
    --shadow-admin-light-form-control: 0 1px 3px rgba(26, 26, 26, 0.12);
    --icon-select-chevron-logo-orange: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%230d9488' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    /* :root | Änderungsprotokoll: 2026-11-12 | parent-agent | @skill-css-rules, @skill-compact-forms, @skill-change-provenance | Aktiver Filter-Select: Vollgelb #ffe14a laut Skill */
    --color-filter-active-bg: #ffe14a;
    --color-filter-active-border: #e6c200;
    --color-filter-active-border-hover: #c9a800;
    --color-filter-active-text: #1a1a1a;
    --icon-select-chevron-filter-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%231a1a1a' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");

    /* Cookie-Consent-Banner — Änderungsprotokoll: 2026-10-02 | parent-agent | @skill-css-rules, @skill-cookie-banner, @skill-change-provenance | Dark-Conference-CI Panel + Cyan-Akzent; Accept bleibt grün */
    --z-index-cookie-banner: 20000;
    --cookie-consent-banner-bg: var(--color-home-panel-2);
    --cookie-consent-banner-border: var(--color-home-cyan);
    --cookie-consent-banner-shadow: var(--shadow-lg);
    --cookie-consent-banner-overlay: rgba(7, 7, 13, 0.72);
    --cookie-consent-banner-text: var(--color-home-text);
    --cookie-consent-banner-muted: var(--color-home-muted);
    --cookie-consent-privacy-link: var(--color-home-cyan);
    --cookie-consent-privacy-link-hover: var(--color-secondary);
    /* :root | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Cookie-Accept dunkleres Grün + weisse Schrift */
    --cookie-consent-accept-bg: #059669;
    --cookie-consent-accept-bg-hover: #047857;
    --cookie-consent-accept-border: #065f46;
    --cookie-consent-accept-text: #f8fafc;
}


/* .base-admin-modal-light | Änderungsprotokoll: 2026-10-02 | agent-router | @skill-css-rules, @skill-compact-forms, @skill-change-provenance | Light-Insel: weiche Canvas statt Vollweiss; Panels/Kacheln bleiben weiss/elevated; Akzent Türkis */
.base-admin-modal-light {
    color-scheme: light;
    color: #1a1a1a;
    --color-background: #f1f5f9;
    --color-surface: #ffffff;
    --color-surface-hover: #eef2f7;
    --color-surface-elevated: #e8f7f5;
    --color-table-row-bg: #ffffff;
    --color-table-row-hover-bg: #eef2f7;
    --color-table-header-bg: #0d9488;
    --color-table-header-bg-start: #0d9488;
    --color-table-header-bg-end: #0d9488;
    --color-table-header-text: #ffffff;
    --color-table-header-border: #0f766e;
    --color-table-header-edge-highlight: rgba(255, 255, 255, 0.35);
    --color-table-header-accent: #0f766e;
    --color-table-header-accent-soft: color-mix(in srgb, #0d9488 20%, transparent);
    --shadow-table-header: inset 0 1px 0 var(--color-table-header-edge-highlight);
    --color-border: #d5dde8;
    --color-border-highlight: #99f6e4;
    --color-border-light: #e8eef5;
    --color-admin-light-contrast-border: #94a3b8;
    --shadow-admin-light-form-control: 0 1px 3px rgba(15, 23, 42, 0.1);
    --color-admin-nav-tabs-bg: #ffffff;
    --color-admin-nav-tabs-border: #d8d8d8;
    --color-admin-nav-divider: #e8e8e8;
    --color-admin-nav-link: #1a1a1a;
    --color-admin-nav-link-inactive-bg: transparent;
    --color-admin-nav-link-hover-bg: #f7f7f7;
    --shadow-admin-nav-tabs: none;
    /* --color-admin-orders-row-gap | Änderungsprotokoll: 2026-10-27 | parent-agent | @skill-css-rules, @skill-change-provenance | Light-Insel: kontrastreicher Spacer gegen Pastell-Statuszeilen */
    --color-admin-orders-row-gap: #b8c5d2;
    --color-admin-status-paid: #e0f6e5;
    --color-admin-status-unpaid: #fff0f0;
    --color-admin-status-freeticket: #fffbef;
    --color-admin-status-cancelled: #f2f2f5;
    --color-admin-unpaid-row-text: #000000;
    --color-admin-unpaid-row-text-muted: #333333;
    --color-primary: #0d9488;
    --color-primary-hover: #0f766e;
    --color-secondary: #14b8a6;
    --color-tertiary: #2dd4bf;
    --color-brand: #0d9488;
    --color-logo-orange: #0d9488;
    --color-logo-orange-hover: #0f766e;
    --color-logo-orange-surface: #dcfaf5;
    --color-text: #1a1a1a;
    --color-text-muted: #475569;
    /* .base-admin-modal-light | Änderungsprotokoll: 2026-11-06 | parent-agent | @skill-css-rules, @skill-ui-tabs, @skill-change-provenance | Reiter-Tokens auf der Light-Insel */
    --color-text-primary: #0f172a;
    --color-text-secondary: #475569;
    --color-background-tertiary: #e2e8f0;
    --color-text-inverse: #ffffff;
    --color-headline: #0f172a;
    --color-form-placeholder: #1a1a1a;
    --color-background-muted: #f1f5f9;
    --color-success: #28b337;
    --color-error: #e53935;
    --color-error-hover: #c62828;
    /* --color-danger | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-modal-popup-windows, @skill-change-provenance | Alias Light-Theme fuer Modal-/Feld-Invalid */
    --color-danger: #e53935;
    --color-danger-hover: #c62828;
    --color-warning: #0d9488;
    --color-info: #0d9488;
    --color-success-bg: #e8f9ea;
    --color-success-border: #94d7a8;
    --color-success-text: #1a6b28;
    --color-error-bg: #fff0f0;
    --color-error-border: #f0aaaa;
    --color-error-text: #8d1c1c;
    --color-danger-bg: #fff0f0;
    --color-danger-border: #f0aaaa;
    --color-danger-text: #8d1c1c;
    --color-info-bg: #dcfaf5;
    --color-info-border: #0d9488;
    --color-info-text: #0f766e;
    --color-admin-cta-bg: #0d9488;
    --color-admin-cta-hover: #0f766e;
    --color-admin-cta-text: #ffffff;
    --color-admin-modal-dialog-border: #1a1a1a;
    --color-shadow-strong: rgba(15, 23, 42, 0.16);
    --color-admin-contact-note-label: #000000;
    --color-admin-contact-note-text: #000000;
    --color-admin-package-ticket-bg: #ffffff;
    --color-admin-package-ticket-border: #0d9488;
    --color-admin-package-ticket-text: #000000;
    --color-admin-package-addon-bg: #ffffff;
    --color-admin-package-addon-border: #0d9488;
    --color-admin-package-addon-text: #000000;
    --icon-select-chevron-logo-orange: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%230d9488' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    /* html[data-theme=light] | Änderungsprotokoll: 2026-11-12 | parent-agent | @skill-css-rules, @skill-compact-forms, @skill-change-provenance | Aktiver Filter-Select: Vollgelb #ffe14a laut Skill */
    --color-filter-active-bg: #ffe14a;
    --color-filter-active-border: #e6c200;
    --color-filter-active-border-hover: #c9a800;
    --color-filter-active-text: #1a1a1a;
    --icon-select-chevron-filter-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%231a1a1a' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    --shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.08);
    --shadow-md: 0 6px 16px -4px rgba(15, 23, 42, 0.14);
    --shadow-lg: 0 14px 28px -6px rgba(15, 23, 42, 0.16);
    --shadow-glow: 0 8px 20px -6px rgba(13, 148, 136, 0.22);
}

/* .base-admin-dark | Änderungsprotokoll: 2026-11-12 | parent-agent | @skill-compact-forms, @skill-css-rules, @skill-change-provenance | Filter-Aktiv-Tokens identisch zu :root (#ffe14a) */
.base-admin-dark {
    --color-filter-active-bg: #ffe14a;
    --color-filter-active-border: #e6c200;
    --color-filter-active-border-hover: #c9a800;
    --color-filter-active-text: #1a1a1a;
    --icon-select-chevron-filter-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%231a1a1a' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
}