:root {
  --accent: #8b5cf6;
  --accent-light: #8b5cf6dd;
  --accent-dark: #8b5cf6bb;
  --accent-glow: #8b5cf61f;
  --font-override: 'Outfit', sans-serif;
  --bg-primary: #f8f8fa;
  --bg-secondary: #ffffff;
  --bg-tertiary: #f0f0f4;
  --border-color: rgba(0, 0, 0, 0.08);
  --border-color-hover: rgba(0, 0, 0, 0.18);
  --text-primary: #111114;
  --text-secondary: #52525b;
  --text-muted: #a1a1aa;
}
body, h1, h2, h3, h4, h5, h6, button, input, select, textarea, .tab-btn {
  font-family: var(--font-override, 'Outfit', sans-serif) !important;
}