:root {
    color-scheme: light;
    --color-canvas: #f4f6fa;
    --color-surface: #ffffff;
    --color-surface-soft: #f8f9fc;
    --color-surface-blue: #f1f5ff;
    --color-ink: #172033;
    --color-heading: #10182a;
    --color-muted: #647087;
    --color-subtle: #8993a7;
    --color-border: #dfe4ed;
    --color-border-strong: #c8d0dd;
    --color-primary: #3454d1;
    --color-primary-dark: #263fa9;
    --color-primary-soft: #eef1ff;
    --color-brand: #176b5b;
    --color-brand-dark: #0f5347;
    --color-brand-soft: #eaf8f4;
    --color-link: #294bbb;
    --color-success: #138a62;
    --color-success-dark: #0e674a;
    --color-success-soft: #eaf8f2;
    --color-warning: #a56509;
    --color-warning-soft: #fff8e8;
    --color-danger: #b23a48;
    --color-danger-dark: #8f2835;
    --color-danger-soft: #fff0f2;
    --color-violet: #7253ba;
    --color-violet-soft: #f2eeff;
    --shadow-xs: 0 1px 2px rgb(25 37 61 / 5%);
    --shadow-sm: 0 0.5rem 1.5rem rgb(25 37 61 / 7%);
    --shadow-md: 0 1.25rem 3.5rem rgb(25 37 61 / 10%);
    --shadow-focus: 0 0 0 0.25rem rgb(52 84 209 / 14%);
    --radius-xs: 0.5rem;
    --radius-sm: 0.7rem;
    --radius-md: 1rem;
    --radius-lg: 1.35rem;
    --radius-xl: 1.8rem;
    --content-width: 78rem;
    font-family: Inter, Aptos, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--color-canvas);
    color: var(--color-ink);
}