:root {
  /* Core background (deep blue-black like Utopia) */
  --body-background-color: #020617;
  --body-text-color: #e6edf6;

  /* Surfaces (dark slate-blue panels) */
  --card-background-color: #0b1220;
  --nav-background-color: #0b1220;

  /* Borders (subtle cool blue dividers) */
  --nav-border-bottom-color: #1b2a41;
  --nav-current-border-bottom-color: #3b82f6;
  --card-border-color: #1b2a41;

  /* Status indicators (cool-toned, not neon) */
  --up-border-left-color: #22c55e;
  --degraded-border-left-color: #f59e0b;
  --down-border-left-color: #ef4444;

  /* Status background tints */
  --down-background-color: #1a0d12;

  /* Tags */
  --tag-color: #0b1220;
  --tag-up-background-color: #0f2a1f;
  --tag-down-background-color: #2a1013;
  --tag-degraded-background-color: #2a210f;

  /* Change highlight */
  --change-background-color: #2a210f;

  /* Buttons (Utopia-style blue CTAs) */
  --error-button-border-color: #1d4ed8;
  --error-button-background-color: #2563eb;
  --error-button-color: #ffffff;

  --submit-button-border-color: #1d4ed8;
  --submit-button-background-color: #2563eb;
  --submit-button-color: #ffffff;

  /* Graph styling */
  --graph-opacity: 1;
  --graph-filter: none;
}