html[data-theme="light"] {
  --color-brand-primary: #667eea;
  --color-brand-secondary: #764ba2;
  --color-success: #10b981;
  --color-danger: #ef4444;
  --color-warning: #f59e0b;
  --color-info: #3b82f6;

  --color-bg-page: #f4f7fb;
  --color-bg-page-subtle: #eef3f9;
  --color-surface: #ffffff;
  --color-surface-alt: #f8fafc;
  --color-surface-muted: #eef2f7;
  --color-text-main: #192033;
  --color-text-muted: #6b7280;
  --color-text-inverse: #ffffff;
  --color-border: #d9e1ec;
  --color-border-strong: #bcc8d8;
  --color-shadow-rgb: 15, 23, 42;
  --color-nav-overlay: rgba(12, 18, 39, 0.18);
  --color-nav-panel: rgba(255, 255, 255, 0.14);
  --color-status-surface: #f0f9ff;
  --color-status-border: #0ea5e9;

  --color-form-border: #c7c7c7;
  --color-form-focus: #86b7fe;
  --color-form-bg: #ffffff;
  --color-form-text: #272626;
  --color-form-placeholder: #7b8798;

  --primary-color: var(--color-brand-primary);
  --secondary-color: var(--color-brand-secondary);
  --success-color: var(--color-success);
  --danger-color: var(--color-danger);
  --warning-color: var(--color-warning);
  --info-color: var(--color-info);

  --bs-body-bg: var(--color-bg-page);
  --bs-body-color: var(--color-text-main);
  --bs-border-color: var(--color-border);
  --bs-secondary-color: var(--color-text-muted);
  --bs-secondary-bg: var(--color-surface-alt);
  --bs-tertiary-bg: var(--color-surface-muted);
  --bs-card-bg: var(--color-surface);
  --bs-light-rgb: 248, 250, 252;
  --bs-dark-rgb: 25, 32, 51;
}