:root {
  --bg: #0a0a0d;
  --bg-elevated: #101014;
  --bg-card: #121218;
  --bg-card-hover: #16161d;
  --border-color: rgba(255, 255, 255, 0.08);
  --border-color-strong: rgba(255, 255, 255, 0.16);

  --text-primary: #f5f5f7;
  --text-secondary: #9a9aa5;
  --text-muted: #64646f;

  --accent: #8b5cf6;
  --accent-dark: #7c3aed;
  --accent-soft: rgba(139, 92, 246, 0.12);
  --teal: #2dd4bf;
  --success: #4ade80;
  --warning: #facc15;
  --danger: #f87171;

  --gradient-text: linear-gradient(90deg, #f5f5f7 0%, #a78bfa 55%, #2dd4bf 100%);
  --gradient-accent: linear-gradient(135deg, var(--accent) 0%, var(--teal) 100%);
  --glow-violet: radial-gradient(circle, rgba(139, 92, 246, 0.35) 0%, rgba(139, 92, 246, 0) 70%);

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.35);
  --shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.25);

  --container-width: 1180px;
  --header-height: 78px;

  --font-display: "Manrope", "Segoe UI", sans-serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}