@font-face {
    font-family: "bubblegum-pop-highlight";
    src: url('../fonts/bubblegum-pop-highlight.woff2') format("woff2");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "bubblegum-pop-vanilla";
    src: url('../fonts/bubblegum-pop-vanilla.woff2') format("woff2");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "roboto-condensed";
    src: url('../fonts/roboto-condensed.woff2') format("woff2");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

:root {
    --font-family-heading: 'bubblegum-pop-vanilla', 'Inter', sans-serif;
    --font-family-primary: 'roboto-condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;

    --primary-color: #1E2241;
    --primary-dark: #151829;
    --primary-light: #2a2f54;

    --input-focus: #1E2241;

    --font-weight-light: normal;
    --font-weight-normal: normal;
    --font-weight-medium: normal;
    --font-weight-semibold: normal;
    --font-weight-bold: normal;
    --font-weight-extrabold: normal;

    --glassmorphism-bg: 28, 78, 218;
}

[data-theme="dark"] {
    --primary-color: #FFE19F;
    --primary-dark: #d4bb85;

    --text-inverse: #151829;
}

header .logo {
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, .7));
    -webkit-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, .7));
}

.activity-category-badge {
    box-shadow: none;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    box-shadow: 0 0 0 3px rgba(4, 0, 223, 0.1);
}

.activity-icon {
    background: linear-gradient(135deg, rgba(var(--glassmorphism-bg), 0.1), rgba(var(--glassmorphism-bg), 0.05));
    border: 1px solid rgba(0, 41, 223, 0.2);
}

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

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

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

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

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

.gutschein-overlay {
    background: linear-gradient(135deg, #151829bd 0%, #2a2f54d1 100%);
}

.step-icon {
    background: rgb(0 31 223 / 10%);
}

.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%);
}