:root {
    --qwikr-bg: #f4f7ff;
    --qwikr-surface: rgba(255, 255, 255, 0.78);
    --qwikr-border: rgba(148, 163, 184, 0.22);
    --qwikr-text: #0f172a;
    --qwikr-muted: #5b6b84;
    --qwikr-brand: #2f63ff;
}

html {
    scroll-behavior: smooth;
}

body {
    background:
        radial-gradient(circle at top left, rgba(125, 160, 255, 0.22), transparent 30%),
        radial-gradient(circle at top right, rgba(191, 219, 254, 0.6), transparent 24%),
        linear-gradient(180deg, #fbfdff 0%, var(--qwikr-bg) 100%);
    color: var(--qwikr-text);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    -webkit-font-smoothing: antialiased;
    margin: 0;
}

.font-mono-brand {
    font-family: 'Space Mono', monospace;
}

a {
    text-decoration: none;
}

a:focus,
button:focus {
    outline: 2px solid rgba(47, 99, 255, 0.45);
    outline-offset: 2px;
}

.glass-panel {
    background: var(--qwikr-surface);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    border: 1px solid var(--qwikr-border);
}

.site-main {
    overflow: clip;
}

.prose {
    color: var(--qwikr-muted);
}

.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose strong {
    color: var(--qwikr-text);
}

.prose a {
    color: var(--qwikr-brand);
}

@media print {
    nav,
    footer,
    .no-print {
        display: none;
    }
}