body[data-theme="light"] {
    color-scheme: light;
    --page-bg: #eef3f8;
    --card-bg: #ffffff;

    --surface-muted: #f8fafc;
    --surface-hover: #f1f5f9;
    --surface-elevated: #ffffff;
    --surface-pressed: #e2e8f0;
    --surface-subtle: #f8fafc;
    --surface-card: #ffffff;
    --surface-overlay: color-mix(in oklab, var(--text-color) 22%, transparent);
    --surface-0: #ffffff;

    --control-bg: #f8fafc;
    --control-bg-hover: #ffffff;
    --control-bg-disabled: #e2e8f0;

    --border-color: #dbe3ee;
    --border-color-strong: #c6d4e6;
    --card-border: #dbe3ee;

    --text-color: #0f172a;
    --text-soft: #334155;
    --text-muted: #475569;
    --text-subtle: #64748b;
    --muted-text: #64748b;
    --text-main: var(--text-color);

    --accent-color: #2563eb;
    --accent-weak: #dbeafe;
    --primary-color: #2563eb;
    --brand-logo-gradient: linear-gradient(135deg, #2563eb 0%, #22c4ff 100%);
    --brand-logo-text: #ffffff;
    --brand-logo-shadow: 0 18px 38px rgba(37, 99, 235, .32);
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;

    --focus-ring: 0 0 0 3px rgba(37, 99, 235, .2);
    --shadow-soft: 0 12px 42px rgba(15, 23, 42, .08);
    --shadow-card: 0 10px 34px rgba(15, 23, 42, .05);
    --shadow-card-soft: 0 10px 34px rgba(15, 23, 42, .05);
    --shadow-hover: 0 16px 38px rgba(37, 99, 235, .16);
    --surface-panel: var(--card-bg);
    --surface-card-muted: #f8fafc;
    --surface-card-hover: #f1f5f9;
    --surface-accent-soft: rgba(37, 99, 235, .12);
    --surface-warning-soft: rgba(245, 158, 11, .12);
    --surface-danger-soft: rgba(239, 68, 68, .1);
    --surface-success-soft: rgba(16, 185, 129, .12);
    --component-shadow: var(--shadow-soft);
    --component-border: var(--border-color);

    --radius-xs: 10px;
    --radius-sm: 12px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --radius-pill: 999px;
    --control-height: 42px;

    --sidebar-bg: linear-gradient(180deg, #ffffff 0%, #f8fafc 54%, #eef3f8 100%);
    --sidebar-text: #172033;
    --sidebar-text-subtle: #64748b;
    --sidebar-border: #dbe3ee;
    --sidebar-item-hover: rgba(37, 99, 235, .09);
    --sidebar-item-active: linear-gradient(90deg, rgba(37, 99, 235, .22), rgba(14, 165, 233, .16));
    --sidebar-active-text: #0f172a;
    --sidebar-pill-bg: #ffffff;
    --sidebar-pill-hover: rgba(37, 99, 235, .09);
    --sidebar-active-icon-bg: rgba(37, 99, 235, .18);

    --topbar-bg: #ffffff;
    --topbar-text: #0f172a;
    --topbar-border: #dbe3ee;
    --topbar-chip-bg: #f8fafc;
    --topbar-chip-hover: #e2e8f0;
    --topbar-chip-text: #0f172a;
    --topbar-chip-border: #dbe3ee;
    --topbar-dropdown-shadow: 0 12px 42px rgba(15, 23, 42, .18);

    --ui-chip-bg: #f8fafc;
    --ui-chip-text: #334155;
}