:root {
    --primary-color: #ef7e19;
    --primary-dark: #cf6d17;
    --primary-light: #f0903c;
    --input-focus: #ef7e19;

    --primary-color-rgb: 239, 126, 25;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb), 0.1);
}

.activity-icon {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.1), rgba(var(--primary-color-rgb), 0.05));
    border: 1px solid rgba(var(--primary-color-rgb), 0.2);
}

.activity-card::before {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.05) 0%, rgba(var(--primary-color-rgb), 0.1) 50%, rgba(var(--primary-color-rgb), 0.05) 100%);
}

.activity-card:hover {
    box-shadow:
        0 20px 40px rgba(var(--primary-color-rgb), 0.15),
        0 12px 24px rgba(0, 0, 0, 0.08),
        0 0 0 1px rgba(var(--primary-color-rgb), 0.2);
    border-color: rgba(var(--primary-color-rgb), 0.3);
}

.activity-card:hover .activity-icon {
    box-shadow:
        0 8px 32px rgba(var(--primary-color-rgb), 0.3),
        0 0 0 4px rgba(var(--primary-color-rgb), 0.1);
}

.activity-btn:hover {
    box-shadow:
        0 15px 40px rgba(var(--primary-color-rgb), 0.4),
        0 5px 15px rgba(0, 0, 0, 0.1);
}

.action-btn-primary,
.action-btn-primary:hover,
.activity-category-badge,
.step-number {
    box-shadow: none;
}

.gutschein-overlay {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.4) 0%, rgba(var(--primary-color-rgb), 0.6) 100%);
}

.step-icon {
    background: rgba(var(--primary-color-rgb), 0.1);
}

.buchungen-page .booking-card .booking-total-compact .boxes,
.buchungen-page .booking-card .booking-actions .btn-primary {
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-light) 100%);
}

.erweiterung-card::before {
    background: linear-gradient(135deg,
            rgba(var(--primary-color-rgb), 0.05) 0%,
            rgba(var(--primary-color-rgb), 0.1) 50%,
            rgba(var(--primary-color-rgb), 0.05) 100%);
}

.erweiterung-card:hover {
    box-shadow:
        0 20px 40px rgba(var(--primary-color-rgb), 0.15),
        0 12px 24px rgba(0, 0, 0, 0.08),
        0 0 0 1px rgba(var(--primary-color-rgb), 0.2);
    border-color: rgba(var(--primary-color-rgb), 0.3);
}

.erweiterung-icon {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb), 0.1), rgba(var(--primary-color-rgb), 0.05));
}

.erweiterung-card:hover .erweiterung-icon {
    box-shadow:
        0 8px 32px rgba(var(--primary-color-rgb), 0.3),
        0 0 0 4px rgba(var(--primary-color-rgb), 0.1);
}