:root {
  --ua-agent-canvas: var(--ua-theme-page-bg, #07111f);
  --ua-agent-canvas-soft: var(--ua-theme-surface-2, #091727);
  --ua-agent-surface: var(--ua-theme-surface, #0c1a2c);
  --ua-agent-surface-strong: var(--ua-theme-surface-2, #102238);
  --ua-agent-surface-hover: color-mix(in srgb,var(--ua-accent,#3b82d0) 12%,var(--ua-theme-surface,#0c1a2c));
  --ua-agent-field: var(--ua-theme-input, #081525);
  --ua-agent-border: var(--ua-ds-line,rgba(126,184,232,.16));
  --ua-agent-border-strong: color-mix(in srgb,var(--ua-accent,#f3bb46) 32%,var(--ua-ds-line,transparent));
  --ua-agent-text: var(--ua-ds-text,#f4f8ff);
  --ua-agent-muted: var(--ua-sem-muted,#9eafc4);
  --ua-agent-accent: var(--ua-accent,#f3bb46);
  --ua-agent-accent-soft: color-mix(in srgb,var(--ua-accent,#f3bb46) 12%,transparent);
  --ua-agent-green: var(--ua-sem-success,#36c790);
  --ua-agent-green-soft: color-mix(in srgb,var(--ua-sem-success,#36c790) 14%,transparent);
  --ua-agent-blue: var(--ua-sem-blue,#3b82d0);
  --ua-agent-red: var(--ua-sem-danger,#ff7185);
  --ua-agent-shadow: var(--ua-card-shadow,0 14px 34px rgba(0,0,0,.18));
}

body.ua-theme-light_clean :is(.ua-agents-page,.ap-shell){color-scheme:light;}

.ua-agents-page,
.ap-shell {
  color: var(--ua-agent-text);
  color-scheme: dark;
}
