.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.kinetic-gradient {
    background: linear-gradient(135deg, #4be277 0%, #22c55e 100%);
}

body {
    background-color: #0e0e0e;
    color: #e5e2e1;
    font-family: "Inter", sans-serif;
}

html {
    scroll-behavior: smooth;
}

body.modal-open {
    overflow: hidden;
}

[data-nav-link].is-active {
    color: #ffffff;
}

[data-modal="contact"] input,
[data-modal="contact"] textarea,
[data-modal="contact"] select,
[data-newsletter-form] input {
    appearance: none;
}

[data-toast].is-visible {
    display: block;
}