:root {
    --svt-orange: #F08300;
    --svt-orange-dark: #c86c00;
    --svt-gray: #504845;
    --svt-gray-soft: #7a716e;
    --svt-light: #f5f5f5;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif;
    background: #ffffff;
    color: var(--svt-gray);
}

.brand-gradient {
    background:
        radial-gradient(circle at 20% 20%, rgba(240, 131, 0, 0.18), transparent 28%),
        radial-gradient(circle at 80% 10%, rgba(240, 131, 0, 0.12), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #fffaf5 100%);
}

.brand-bar {
    background: var(--svt-gray);
}

.brand-orange {
    background: var(--svt-orange);
}

.text-brand-orange {
    color: var(--svt-orange);
}

.text-brand-gray {
    color: var(--svt-gray);
}

.border-brand-orange {
    border-color: var(--svt-orange);
}

.shadow-brand {
    box-shadow: 0 18px 45px rgba(80, 72, 69, 0.12);
}

.section-title {
    letter-spacing: 0.18em;
}

.nav-link {
    position: relative;
}

.nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0;
    height: 2px;
    background: var(--svt-orange);
    transition: width 0.2s ease;
}

.nav-link:hover::after {
    width: 100%;
}

#navbar {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

#navbar.navbar-scrolled {
    background: rgba(255, 255, 255, 0.96);
}

#navbar:not(.navbar-scrolled) .nav-link {
    color: #ffffff !important;
}

#navbar:not(.navbar-scrolled) #openMenu {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    background: rgba(255, 255, 255, 0.06);
}

#navbar:not(.navbar-scrolled) img {
    filter: brightness(0) invert(1);
}

#navbar.navbar-scrolled img {
    filter: none;
}