html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}

*, *::before, *::after {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:root {
    --bg:        #020203;
    --bg-2:      #050506;
    --card:      #080809;
    --card-2:    #0c0c0e;
    --line:      rgba(255, 255, 255, 0.04);
    --line-blue: rgba(90, 115, 145, 0.18);
    --ink:       #c8ced6;
    --muted:     #5c6470;
    --blue:      #4a6282;
    --blue-2:    #5a7494;
    --blue-deep: #252d3a;
    --glow:      rgba(74, 98, 130, 0.1);
    --accent-soft: rgba(74, 98, 130, 0.08);
    --ease:      cubic-bezier(0.4, 0, 0.2, 1);
    --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
}