:root {
  /* Primary brand colors */
  --ac-primary: #0088bc;
  --ac-primary-600: #0076a3;
  --ac-primary-700: #006489;
  --ac-secondary: #00b0bc;
  --ac-coral: #ff4c5d;
  --ac-pink: #ff4c5d;
  --ac-magenta: #b00058;
  --ac-green: #00c048;
  --ac-warning: #f59e0b;
  --ac-danger: #d93b4b;

  /* Neutral UI colors */
  --ac-bg: #f4f7f9;
  --ac-surface: #ffffff;
  --ac-text: #1f2937;
  --ac-text-soft: #606060;
  --ac-muted: #6b7280;
  --ac-border: #dfe5ea;
  --ac-border-strong: #cbd5df;

  /* Layout + focus */
  --ac-sidebar-bg: #1f2a33;
  --ac-sidebar-text: #e6eef5;
  --ac-sidebar-active: #0088bc;
  --ac-focus: #66d0df;
}