:root {
    --acumen-color-white: #ffffff;
    --acumen-color-off-white: #f8f7f4;
    --acumen-color-gray-50: #f3f4f4;
    --acumen-color-gray-100: #e8eaeb;
    --acumen-color-gray-300: #c9ced1;
    --acumen-color-gray-600: #697178;
    --acumen-color-charcoal: #202326;
    --acumen-color-slate: #343b42;
    --acumen-color-slate-dark: #252a30;
    --acumen-color-warm-gold: #d89b31;
    --acumen-color-warm-gold-dark: #a86818;
    --acumen-color-red: #b5232f;
    --acumen-shadow-soft: 0 18px 45px rgba(32, 35, 38, 0.08);
    --acumen-shadow-subtle: 0 10px 28px rgba(32, 35, 38, 0.06);
    --acumen-radius-card: 8px;
    --acumen-radius-control: 6px;
    --acumen-border-subtle: 1px solid var(--acumen-color-gray-100);
    --acumen-width-content: 1180px;
    --acumen-width-text: 760px;
    --acumen-space-xs: 0.5rem;
    --acumen-space-sm: 0.875rem;
    --acumen-space-md: 1.25rem;
    --acumen-space-lg: 2rem;
    --acumen-space-xl: 3rem;
    --acumen-space-2xl: 4.5rem;
    --acumen-space-3xl: 6rem;
}

.acumen-page {
    color: var(--acumen-color-charcoal);
    letter-spacing: 0;
}

.acumen-page a {
    color: inherit;
}

.acumen-page :focus-visible {
    outline: 3px solid color-mix(in srgb, var(--acumen-color-warm-gold) 65%, white);
    outline-offset: 3px;
}