:root {
  /* Accent */
  --ui-accent-primary: #2563eb;
  --ui-accent-primary-hover: #1d4ed8;
  --ui-accent-primary-soft: #eff6ff;
  --ui-accent-ring: rgba(37, 99, 235, 0.35);

  /* Danger */
  --ui-danger-border: #fecaca;
  --ui-danger-bg-soft: #fef2f2;
  --ui-danger-text: #b91c1c;
  --ui-danger-bg-soft-hover: #fee2e2;
  --ui-danger-border-hover: #fca5a5;
  --ui-danger-solid: #dc2626;
  --ui-danger-solid-hover: #b91c1c;

  /* Success */
  --ui-success-border: #86efac;
  --ui-success-bg: #16a34a;
  --ui-success-bg-hover: #15803d;

  /* Surfaces & text */
  --global-bg-color: #ffffff;
  --global-text-color: #0f172a;
  --color-light-border: #e2e8f0;
  --ui-slate-border-strong: #cbd5e1;
  --ui-surface: #ffffff;
  --ui-text-secondary: #64748b;

  /* Spinner */
  --ui-spinner-ring-base: #e2e8f0;
  --ui-spinner-ring-active: var(--ui-accent-primary);
  --ui-spinner-text: #475569;
}