/* font-family: "Inter"; */
/* @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=block'); */
/* font-family: "Geist"; */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=block');
/* font-family: "JetBrains Mono"; */
/* @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=block'); */

:root {
    --font-main: "Geist";
    --font-size-1rem: 16px;
    --font-weight: 400;
    --color-bg: hsl(0, 0%, 0%);
    --color-tx: hsl(0, 0%, 90%);
    --color-lk: hsl(0, 0%, 90%);
    --color-lk-hover: hsl(0, 0%, 40%);
    --color-lk-underline: hsl(0, 0%, 30%);
    --color-lk-underline-hover: hsl(0, 0%, 60%);
    --color-text-select-tx: hsl(0, 0%, 10%);
    --color-text-select-bg: hsl(0, 0%, 90%);
}

/* ==================================================================================================== */

*,
*::before,
*::after {
    font-family: var(--font-main);
    font-size: var(--font-size-1rem);
    font-weight: var(--font-weight);
}

body {
    background: var(--color-bg);
    color: var(--color-tx);
}

::selection {
    background: var(--color-text-select-bg);
    color: var(--color-text-select-tx);
}

a {
    color: var(--color-lk);
    text-decoration-color: var(--color-lk-underline);
}

a:hover {
    color: var(--color-lk-hover);
    text-decoration-color: var(--color-lk-underline-hover);
}