:root,
[data-theme="dark"] {
  --ds-primary: var(--ga-primary);
  --ds-secondary: var(--ga-primary-hover);
  --ds-bg: var(--ga-bg);
  --ds-bg-secondary: color-mix(in srgb, var(--ga-surface) 88%, #000 12%);
  --ds-card: var(--ga-surface);
  --ds-card-elevated: color-mix(in srgb, var(--ga-surface) 82%, #1f2937 18%);
  --ds-sidebar: var(--ga-sidebar);
  --ds-sidebar-hover: color-mix(in srgb, var(--ga-primary) 14%, transparent);
  --ds-sidebar-active: color-mix(in srgb, var(--ga-primary) 20%, transparent);
  --ds-text: var(--ga-text);
  --ds-text-muted: var(--ga-text-secondary);
  --ds-link: #93C5FD;
  --ds-link-hover: #BFDBFE;
  --ds-border: var(--ga-border);
  --ds-divider: color-mix(in srgb, var(--ga-border) 76%, #334155 24%);
}

[data-theme="light"] {
  --ds-primary: var(--ga-primary);
  --ds-secondary: var(--ga-primary-hover);
  --ds-bg: var(--ga-bg);
  --ds-bg-secondary: #F8FAFC;
  --ds-card: var(--ga-surface);
  --ds-card-elevated: #FFFFFF;
  --ds-sidebar: var(--ga-sidebar);
  --ds-sidebar-hover: color-mix(in srgb, var(--ga-primary) 14%, transparent);
  --ds-sidebar-active: color-mix(in srgb, var(--ga-primary) 22%, transparent);
  --ds-text: var(--ga-text);
  --ds-text-muted: var(--ga-text-secondary);
  --ds-link: #155BD8;
  --ds-link-hover: #1248B0;
  --ds-border: var(--ga-border);
  --ds-divider: #E2E8F0;
}