html {
    scroll-behavior: smooth;
}

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

.bg-primary-gradient {
    background: linear-gradient(135deg, #1A4517 0%, #012e03 100%);
}

.ghost-border {
    border: 1px solid rgba(194, 201, 188, 0.2);
}

::selection {
    background: rgba(26, 69, 23, 0.15);
    color: #012e03;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}