*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    
    box-sizing: border-box;

    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
}

/* Custom selection */
::selection {
    background-color: var(--clr-primary-a10) !important;
    color: var(--clr-text-secondary) !important;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 0.75em;
    height: 0.75em;
}

::-webkit-scrollbar-track {
    margin-block: 0.125em;

    background-color: var(--clr-surface-a30);

    border-radius: 100vh;
}

::-webkit-scrollbar-thumb {
    background: var(--clr-secondary-a20);

    border: 0.125em solid var(--clr-surface-a30);
    border-radius: 100vh;

    transition: background-color var(--animation-duration) var(--transition-timing);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--clr-secondary-a0);
}