:root {
  --bg: #0b0e12;
  --bg-raise: #10141a;
  --bg-card: #151a21;
  --bg-card-hover: #1b222b;
  --border: #262c36;
  --border-light: #333c49;

  --text: #f2f4f7;
  --text-muted: #8b95a5;
  --text-faint: #5c6572;

  --accent: #1f6feb;
  --accent-hover: #3b82ff;
  --accent-soft: rgba(31, 111, 235, 0.14);

  --spark: #ff6b1a;
  --spark-hover: #ff8340;
  --spark-soft: rgba(255, 107, 26, 0.14);
  --spark-text: var(--spark);

  --success: #2ecc71;
  --error: #ff4d4f;

  --font-display: "Manrope", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;

  --container: 1240px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --shadow-card: 0 20px 50px -20px rgba(0, 0, 0, 0.6);
  --shadow-accent: 0 0 0 1px var(--accent), 0 8px 24px -8px rgba(31, 111, 235, 0.55);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}