:root {
    --cs-color-ink: #1f2933;
    --cs-color-muted: #52606d;
    --cs-color-subtle: #7b8794;
    --cs-color-surface: #ffffff;
    --cs-color-surface-raised: #f8fafc;
    --cs-color-paper: #fffaf0;
    --cs-color-border: #d9e2ec;
    --cs-color-primary: #2563eb;
    --cs-color-primary-strong: #1d4ed8;
    --cs-color-accent: #14b8a6;
    --cs-color-success: #2f9e44;
    --cs-color-warning: #f08c00;
    --cs-color-danger: #e03131;
    --cs-color-focus: #7c3aed;

    --cs-font-sans: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --cs-font-display: "Poppins", "Inter", "Segoe UI", system-ui, sans-serif;

    --cs-space-1: 4px;
    --cs-space-2: 8px;
    --cs-space-3: 12px;
    --cs-space-4: 16px;
    --cs-space-5: 20px;
    --cs-space-6: 24px;
    --cs-space-8: 32px;
    --cs-space-10: 40px;

    --cs-radius-sm: 4px;
    --cs-radius-md: 6px;
    --cs-radius-lg: 8px;

    --cs-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.08);
    --cs-shadow-md: 0 8px 20px rgb(15 23 42 / 0.12);

    --cs-focus-ring: 0 0 0 3px rgb(124 58 237 / 0.28);

    --cs-z-dropdown: 1000;
    --cs-z-modal: 2000;
    --cs-z-toast: 3000;
}