:root {
    --lumen-font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", sans-serif;
    --lumen-font-weight-normal: 400;
    --lumen-font-weight-medium: 500;
    --lumen-font-weight-strong: 600;
    --lumen-color-primary: #006aff;
    --lumen-color-primary-hover: #0055cc;
    --lumen-color-primary-active: #0050cc;
    --lumen-color-primary-soft: #eff6ff;
    --lumen-color-primary-soft-hover: #eaf3ff;
    --lumen-color-on-primary: #fff;
    --lumen-color-text-strong: #060721;
    --lumen-color-text-heading: #060721;
    --lumen-color-text: #0f172a;
    --lumen-color-text-secondary: #334155;
    --lumen-color-text-muted: #64748b;
    --lumen-color-text-placeholder: #94a3b8;
    --lumen-color-surface: #fff;
    --lumen-color-surface-muted: #f8fafc;
    --lumen-color-surface-subtle: #fcfdfe;
    --lumen-color-surface-hover: #f8fbff;
    --lumen-color-border: #e4eaf1;
    --lumen-color-divider: #e7ecf2;
    --lumen-color-border-strong: #d8e1ea;
    --lumen-color-border-hover: #cbd5e1;
    --lumen-color-focus-ring: rgba(0, 106, 255, 0.12);
    --lumen-color-danger-soft: #fef2f2;
    --lumen-color-danger-border: #f8d7da;
    --lumen-color-danger-text: #b91c1c;
    --lumen-color-warning-soft: #fff7e8;
    --lumen-color-warning-border: #fde7c7;
    --lumen-color-warning-text: #9a6700;
    --lumen-color-info-soft: #eef5ff;
    --lumen-color-info-border: #d7e6fb;
    --lumen-radius-control: 6px;
    --lumen-radius-icon: 8px;
    --lumen-radius-card: 12px;
    --lumen-shadow-control: 0 1px 2px rgba(15, 23, 42, 0.05);
    --lumen-shadow-card: 0 12px 36px rgba(15, 23, 42, 0.06);
    --lumen-control-height-sm: 32px;
    --lumen-control-height-md: 36px;
    --lumen-viewport-gutter: 12px;
}

@media (min-width: 640px) {
    :root { --lumen-viewport-gutter: 16px; }
}

@media (min-width: 1280px) {
    :root { --lumen-viewport-gutter: 24px; }
}