20 lines
892 B
CSS
20 lines
892 B
CSS
:root { color-scheme: light dark; font-family: Inter, system-ui, sans-serif; }
|
|
* { box-sizing: border-box; }
|
|
body { margin: 0; background: #f6f8fc; color: #172033; line-height: 1.65; }
|
|
main { width: min(880px, calc(100% - 32px)); margin: 32px auto 72px; }
|
|
header { border-bottom: 1px solid #cbd5e1; margin-bottom: 28px; padding-bottom: 22px; }
|
|
.brand { color: #2563eb; font-weight: 700; text-decoration: none; }
|
|
h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.1; margin: 18px 0 8px; }
|
|
.meta, .summary { color: #526078; }
|
|
section { margin: 30px 0; }
|
|
h2 { font-size: 1.25rem; line-height: 1.35; }
|
|
a { color: #2563eb; }
|
|
.error { color: #dc2626; font-weight: 600; }
|
|
@media (prefers-color-scheme: dark) {
|
|
body { background: #081324; color: #f8fafc; }
|
|
header { border-color: #33415d; }
|
|
.meta, .summary { color: #a9b6cc; }
|
|
a, .brand { color: #38bdf8; }
|
|
.error { color: #fb7185; }
|
|
}
|