:root {
    color-scheme: light;
    --oz-color-canvas: #f5f7fb;
    --oz-color-surface: #ffffff;
    --oz-color-surface-soft: #eef2f8;
    --oz-color-surface-muted: #eef2f8;
    --oz-color-surface-strong: #e5eaf3;
    --oz-color-text: #172033;
    --oz-color-text-muted: #5b6475;
    --oz-color-border: #d9dfe9;
    --oz-color-border-strong: #b9c2d2;
    --oz-color-primary: #3857c8;
    --oz-color-primary-hover: #2945aa;
    --oz-color-primary-soft: #e9edff;
    --oz-color-secondary: #0b766e;
    --oz-color-secondary-soft: #e2f5f1;
    --oz-color-success: #18794e;
    --oz-color-success-soft: #e7f6ed;
    --oz-color-warning: #8a6100;
    --oz-color-warning-soft: #fff4d6;
    --oz-color-danger: #b42318;
    --oz-color-danger-soft: #ffebe9;
    --oz-color-focus: #7548d8;
    --oz-shadow-sm: 0 1px 2px rgb(23 32 51 / 8%);
    --oz-shadow-md: 0 12px 30px rgb(23 32 51 / 13%);
    --oz-shadow-lg: 0 20px 48px rgb(23 32 51 / 18%);
    --color-border: var(--oz-color-border);
    --color-text: var(--oz-color-text);
    --color-text-muted: var(--oz-color-text-muted);
    --oz-radius-sm: 8px;
    --oz-radius-md: 12px;
    --oz-radius-lg: 16px;
    --oz-space-1: 4px;
    --oz-space-2: 8px;
    --oz-space-3: 12px;
    --oz-space-4: 16px;
    --oz-space-5: 20px;
    --oz-space-6: 24px;
    --oz-space-8: 32px;
    --oz-space-10: 40px;
    --oz-font-sans: "Segoe UI", "Noto Sans", Arial, sans-serif;
    --oz-font-mono: "Cascadia Mono", Consolas, monospace;
    --oz-rail-width: 64px;
    --oz-header-height: 76px;
    --oz-transition-fast: 120ms ease;
    --oz-transition-normal: 180ms ease;
}