:root {
    --color-brand-700: #0b5f55;
    --color-brand-600: #08776a;
    --color-brand-100: #d9f2ed;
    --color-ink: #172321;
    --color-muted: #52635f;
    --color-surface: #ffffff;
    --color-surface-subtle: #f4f8f7;
    --color-border: #b7c7c3;
    --color-focus: #9c3df2;
    --color-danger: #a82020;
    --color-danger-surface: #fff0f0;
    --shadow-1: 0 0.125rem 0.75rem rgb(23 35 33 / 10%);
    --radius-sm: 0.375rem;
    --radius-md: 0.75rem;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --target-min: 2.75rem;
    --content-max: 72rem;
}