/* ZuppCode Default - root tokens and globals */

:root {
    --zp-brand: #ffa300;
    --zp-brand-soft: #ffcb66;
    --zp-black: #000;
    --zp-white: #fff;
    --zp-success: #b2ff66;
    --zp-danger: #ff7575;
    --zp-info: #cccccc;
    --zp-warning: #ffcb66;

    --zp-bg-page: #020508;
    --zp-bg-soft: #071018;
    --zp-card: rgba(6, 10, 15, 0.88);
    --zp-card-strong: rgba(6, 10, 15, 0.97);

    --zp-border: rgba(255, 255, 255, 0.14);
    --zp-border-soft: rgba(255, 255, 255, 0.08);
    --zp-border-brand: rgba(255, 163, 0, 0.46);

    --zp-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.48);
    --zp-shadow-brand: 0 1rem 2rem rgba(255, 163, 0, 0.22);

    --zp-radius-sm: 0.75rem;
    --zp-radius-md: 1rem;
    --zp-radius-lg: 1.4rem;

    
    --zp-nav-width: min(23rem, 86vw);
    --zp-transition: 220ms ease;
}



*,
*::before,
*::after {
    box-sizing: border-box;
}



html {
    color-scheme: dark;
    scroll-behavior: smooth;
}



body {
    margin: 0;
    min-width: 20rem;
    color: var(--zp-white);
    background:
        radial-gradient(circle at top right, rgba(255, 163, 0, 0.08), transparent 22rem),
        linear-gradient(180deg, #020508 0%, #03070b 100%);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.5;
    overflow-x: hidden;
}

/* TABLET + MOBILE NAV */
/* MOBILE */
/* =========================================================
   ZUPP CODE - CLEAN PROFESSIONAL RESPONSIVE FIX
   ========================================================= */

:root {
    --zp-container: min(100% - clamp(1.25rem, 4vw, 4rem), 82rem);
}

/* TABLET + MOBIL MENÜ */

@media (max-width: 75rem) {

    :root {
        --zp-container: min(100% - 1.25rem, 42rem);
    }
}