:root {
--font-head: "Archivo", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
--font-ui: "Archivo", "Helvetica Neue", Arial, sans-serif;
--font-body: "Source Serif 4", Georgia, "Times New Roman", serif;
--stretch-head: 88%;
--fs-2xs: 0.75rem;
--fs-xs: 0.8125rem;
--fs-sm: 0.9375rem;
--fs-base: 1.0625rem;
--fs-md: 1.125rem;
--fs-h-xs: 1.0625rem;
--fs-h-sm: 1.1875rem;
--fs-h-md: clamp(1.25rem, 1.1rem + 0.55vw, 1.5rem);
--fs-h-lg: clamp(1.75rem, 1.25rem + 2.1vw, 2.875rem);
--fs-h-xl: clamp(2rem, 1.35rem + 2.6vw, 3.25rem);
--fs-lede: clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);
--fs-section: 1.25rem;
--fs-wordmark: clamp(1.625rem, 1.3rem + 1.4vw, 2.375rem);
--lh-tight: 1.1;
--lh-snug: 1.28;
--lh-body: 1.55;
--space-1: 0.25rem;
--space-2: 0.5rem;
--space-3: 0.75rem;
--space-4: 1rem;
--space-5: 1.5rem;
--space-6: 2rem;
--space-7: 3rem;
--space-8: 4rem;
--container: 80rem;
--gutter: 1rem;
--column-gap: 2rem;
--aside-width: 20rem;
--measure: 42rem;
--radius: 2px;
--rule: 1px solid var(--c-border);
--rule-strong: 2px solid var(--c-border-strong);
color-scheme: light;
--c-bg: #ffffff;
--c-bg-subtle: #f4f4f2;
--c-text: #161616;
--c-text-soft: #3b3b3b;
--c-text-muted: #5c5c5a;
--c-border: #dcdcd8;
--c-border-strong: #161616;
--c-border-input: #7a7a76;
--c-placeholder: #dededa;
--c-label-fill: #e6e6e2;
--c-accent: #c0280f;
--c-focus: #c0280f;
--c-score-bg: #161616;
--c-score-fg: #ffffff;
--c-breaking-bg: #b3260e;
--c-breaking-fg: #ffffff;
}
@media (min-width: 48em) {
:root { --gutter: 1.5rem; }
}
@media (min-width: 64em) {
:root { --gutter: 2rem; --column-gap: 2.5rem; }
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
color-scheme: dark;
--c-bg: #131313;
--c-bg-subtle: #1c1c1c;
--c-text: #ececea;
--c-text-soft: #cfcfcb;
--c-text-muted: #a6a6a2;
--c-border: #333331;
--c-border-strong: #ececea;
--c-border-input: #6e6e6a;
--c-placeholder: #2a2a29;
--c-label-fill: #2e2e2c;
--c-accent: #f2684a;
--c-focus: #f2684a;
--c-score-bg: #ececea;
--c-score-fg: #131313;
}
}
:root[data-theme="dark"] {
color-scheme: dark;
--c-bg: #131313;
--c-bg-subtle: #1c1c1c;
--c-text: #ececea;
--c-text-soft: #cfcfcb;
--c-text-muted: #a6a6a2;
--c-border: #333331;
--c-border-strong: #ececea;
--c-border-input: #6e6e6a;
--c-placeholder: #2a2a29;
--c-label-fill: #2e2e2c;
--c-accent: #f2684a;
--c-focus: #f2684a;
--c-score-bg: #ececea;
--c-score-fg: #131313;
}