[data-theme="light"] {
  color-scheme: light;

  --color-primary: #2563eb; --color-primary-hover: #1d4ed8; --color-primary-active: #1e40af;
  --color-primary-rgb: 37,99,235; --color-on-primary: #ffffff;
  --color-secondary: #7c3aed; --color-secondary-hover: #6d28d9; --color-accent: #06b6d4;

  --color-bg: #fbfbfc; --color-bg-elevated: #ffffff; --color-bg-sunken: #f3f4f6;
  --color-bg-hover: rgba(0,0,0,.035); --color-bg-active: rgba(0,0,0,.05);

  --color-sidebar-bg:          #f6f6f7;
  --color-sidebar-text:        rgba(0,0,0,.62);
  --color-sidebar-text-active: rgba(0,0,0,.92);
  --color-sidebar-item-hover:  rgba(0,0,0,.04);
  --color-sidebar-item-active: rgba(0,0,0,.06);
  --color-sidebar-accent:      var(--color-primary);
  --color-sidebar-divider:     rgba(0,0,0,.06);

  --color-text:           rgba(0,0,0,.92);
  --color-text-secondary: rgba(0,0,0,.62);
  --color-text-tertiary:  rgba(0,0,0,.42);
  --color-text-inverse:   #fff;
  --color-text-link:      var(--color-primary);

  --color-border:        rgba(0,0,0,.07);
  --color-border-strong: rgba(0,0,0,.13);
  --color-border-focus:  var(--color-primary);

  --color-success: #16a34a; --color-success-bg: rgba(22,163,74,.10);
  --color-warning: #d97706; --color-warning-bg: rgba(217,119,6,.12);
  --color-error:   #dc2626; --color-error-bg:   rgba(220,38,38,.10); --color-on-error: #ffffff;
  --color-info:    var(--color-primary); --color-info-bg: rgba(37,99,235,.10);
  --color-danger:  #dc2626; --color-danger-bg:  rgba(220,38,38,.10);

  --color-input-bg:         #ffffff;
  --color-input-border:     rgba(0,0,0,.10);
  --color-input-focus-ring: rgba(37,99,235,.22);
  --color-modal-ring:       rgba(0,0,0,.06);

  --color-scrollbar-track:       transparent;
  --color-scrollbar-thumb:       rgba(0,0,0,.14);
  --color-scrollbar-thumb-hover: rgba(0,0,0,.26);

  --shadow-xs: 0 1px 2px rgba(0,0,0,.04);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,.06);
  --shadow-lg: 0 16px 40px rgba(0,0,0,.10);
  --shadow-xl: 0 24px 60px rgba(0,0,0,.14);

  --table-header-bg: transparent;

  --glass-blur:        saturate(100%) blur(2px);
  --glass-dropdown-bg: rgba(255,255,255,.86);
}