:root {
    --accent: 136, 58, 234;
    --accent-light: 224, 204, 250;
    --accent-dark: 49, 10, 101;
    --accent-gradient: linear-gradient(45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60%);
}

html {
    font-family: system-ui, sans-serif;
    background: linear-gradient(to bottom, #f6f6f6, #e5e5e5);
    background-size: 224px;
}

code {
    font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
}

.nav-link {
    color: #1a365d;
    text-decoration: none;
    padding: .5rem 1rem;
    border-radius: .375rem;
    transition: background-color .2s;
    display: inline-flex;
    align-items: center;
}

.nav-link:hover {
    background-color: #e2e8f0;
}