/* ==========================================================
   BASE
   ========================================================== */

body {
    min-height: 100vh;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.6;

    color: var(--color-text);
    background-color: var(--color-white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    color: var(--color-primary);
}

h1 {
    font-size: 3rem;
}

h2 {
    font-size: 2.25rem;
}

h3 {
    font-size: 1.5rem;
}

p {
    color: var(--color-text-light);
}

a {
    transition: color 0.2s ease;
}

a:hover {
    color: var(--color-secondary);
}

strong {
    color: var(--color-text);
}

::selection {
    color: var(--color-primary);
    background-color: var(--color-secondary);
}