:root {
    --orange: #ff5c00;
    --text: #c2c4c9;
    --dark: #373d4d;
    --light: #ffebe0;
    --line: #d2d2d2;
    --tag-border: #646a7b;
    --blue: #316cd3;
    --white: #ffffff;
    --black: #000000;
}

html {
    font-size: clamp(8px, .85vw, 16px);
}

body {
    font-family: "Inter", Arial, sans-serif;
    color: var(--black);
    background: var(--white);
    -webkit-font-smoothing: antialiased;
    overflow-x: clip;
}

.container {
    max-width: 112.5rem;
    margin-inline: auto;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: var(--dark);
}

::-webkit-scrollbar-thumb {
    background: var(--orange);
    border: 3px solid var(--dark);
}

::-webkit-scrollbar-thumb:hover {
    background: #ff7a2e;
}

::-webkit-scrollbar-corner {
    background: var(--dark);
}