/* ============================================
   Base Styles
   ============================================ */

html {
    overflow-x: clip;
}

body {
    font-family: var(--font-body);
    font-size: var(--text-body-md);
    color: var(--text-primary);
    background-color: var(--bg-page);
    overflow-x: clip;
}

/* Links */
a {
    transition: color var(--duration-fast) var(--easing-default);
}

a:hover {
    color: var(--action-primary);
}

/* Images */
img {
    object-fit: cover;
}

/* Selection */
::selection {
    background-color: var(--color-primary-200);
    color: var(--color-primary-900);
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--color-neutral-100);
}

::-webkit-scrollbar-thumb {
    background: var(--color-neutral-400);
    border-radius: var(--radius-pill);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-neutral-500);
}