@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    --primary: #1a1a1a;
    --secondary: #4d4d4d;
    --tertiary: #999;
    --divider: #f0f0f0;
    --background: #fafafa;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--background);
    color: var(--primary);
}

.prose {
    line-height: 1.65;
    color: var(--primary);
}

.prose p {
    margin-bottom: 1.5em;
    color: var(--secondary);
}

.prose h2 {
    margin-top: 2em;
    margin-bottom: 1em;
    color: var(--primary);
}

.prose ul {
    margin-top: 1.5em;
    margin-bottom: 2em;
    color: var(--secondary);
}

.section-divider {
    border-top: 1px solid var(--divider);
    margin: 4rem 0;
}

.section-padding {
    padding: 4rem 0;
}
.muted {
    color: var(--tertiary);
}

article a {
    text-decoration: none;
    color: inherit;
    transition: opacity 0.2s ease;
}

article a:hover {
    opacity: 0.7;
}