:root {
    /* Backgrounds (Light Mode) – strahlend weiß */
    --color-background: #ffffff;
    --color-surface: #ffffff;
    --color-surface-hover: #fffaf3;

    /* Brand Colors – Logo Orange & Grün (Ticket-Referenzpalette) */
    --color-primary: #ee9f07;
    --color-primary-hover: #d58512;
    --color-secondary: #28b337;
    --color-secondary-hover: #219a2e;
    --color-tertiary: #f5a623;

    /* Text Colors – warm/schwarz, keine kühlen Graublautöne */
    --color-text: #1a1a1a;
    --color-text-muted: #5c5348;
    --color-text-inverse: #ffffff;
    --color-headline: #1a1a1a;

    /* Borders – dezent warm, nicht schiefergrau */
    --color-border: #f3e8d8;
    --color-border-highlight: #f0d4a8;
    --color-border-light: #faf6f0;

    /* Surfaces */
    --color-background-muted: #ffffff;

    /* Div-Tabellen */
    --color-table-row-bg: var(--color-surface);
    --color-table-header-bg-start: #ffffff;
    --color-table-header-bg-end: #ffffff;

    /* Status Colors */
    --color-success: #28b337;
    --color-error: #e53935;
    --color-error-hover: #c62828;
    --color-warning: #ee9f07;
    --color-info: #28b337;

    /* Message (Success, Error, Info) */
    --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-info-bg: #fff8ed;
    --color-info-border: #ee9f07;
    --color-info-text: #9a5f00;

    /* Gradients – Orange zu Grün (Logo) */
    --gradient-brand: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    --gradient-text: linear-gradient(to right, var(--color-primary), var(--color-secondary));
    --color-gold-gradient-start: #000000;
    --color-gold-gradient-mid: #dd0000;
    --color-gold-gradient-end: #ffcc00;
    --gradient-gold: linear-gradient(to right, var(--color-gold-gradient-start), var(--color-gold-gradient-mid), var(--color-gold-gradient-end));

    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(238, 159, 7, 0.08);
    --shadow-md: 0 4px 12px -2px rgba(238, 159, 7, 0.12), 0 2px 6px -2px rgba(40, 179, 55, 0.08);
    --shadow-lg: 0 12px 24px -4px rgba(238, 159, 7, 0.14), 0 6px 12px -4px rgba(40, 179, 55, 0.1);
    --shadow-glow: 0 0 40px rgba(238, 159, 7, 0.28);

    /* Home ticket form – Logo-Farben */
    --color-ticket-page-bg: #ffffff;
    --color-ticket-headline: #1a1a1a;
    --color-ticket-intro-text: #5c5348;
    --color-ticket-banner-bg: #fff8ed;
    --color-ticket-banner-border: #ee9f07;
    --color-ticket-link: #d58512;
    --color-ticket-button-bg: #ee9f07;
    --color-ticket-button-border: #d58512;
    --color-ticket-button-text: #ffffff;
    --color-ticket-check-bg: #28b337;
    --color-ticket-alert-text: #e53935;

    /* Admin orders – Zeilenstatus: rot unbezahlt, grün bezahlt, beige Freeticket, grau Storno */
    --color-admin-status-paid: #c8ecc8;
    --color-admin-status-unpaid: #f5a8a8;
    --color-admin-status-freeticket: #e8d4b0;
    --color-admin-status-cancelled: #c8c8cc;
    --color-admin-action-edit-bg: #fff8ed;
    --color-admin-action-edit-border: #ee9f07;
    --color-admin-action-edit-text: #9a5f00;
    --color-admin-action-paid-bg: #e8f9ea;
    --color-admin-action-paid-border: #7dd492;
    --color-admin-action-paid-text: #1a6b28;
    --color-admin-action-paid-button-bg: #28b337;
    --color-admin-action-paid-button-border: #219a2e;
    --color-admin-action-free-bg: #fff8ed;
    --color-admin-action-free-border: #ee9f07;
    --color-admin-action-free-text: #9a5f00;
    --color-admin-action-at-net-bg: #fff4e6;
    --color-admin-action-at-net-border: #ee9f07;
    --color-admin-action-at-net-text: #9a5f00;
    --color-admin-action-cancel-bg: #fff0f0;
    --color-admin-action-cancel-border: #f0aaaa;
    --color-admin-action-cancel-text: #8d1c1c;
    --color-admin-package-ticket-bg: #fff8ed;
    --color-admin-package-ticket-border: #ee9f07;
    --color-admin-package-ticket-text: #9a5f00;
    --color-admin-package-addon-bg: #fff4e0;
    --color-admin-package-addon-border: #f5a623;
    --color-admin-package-addon-text: #9a5f00;
    --color-shadow-strong: rgba(238, 159, 7, 0.18);
    --color-admin-modal-backdrop: rgba(26, 26, 26, 0.35);
    --color-admin-unpaid-chip-shadow: rgba(238, 159, 7, 0.22);
    --color-admin-unpaid-chip-text-highlight: rgba(255, 255, 255, 0.35);
}