:root {
  --bg: #0a0a0a;
  --bg-soft: #0d0d0d;
  --surface: #141414;
  --surface-soft: #171717;
  --border: #262626;
  --border-soft: #1f1f1f;

  --text: #ffffff;
  --text-muted: #a3a3a3;
  --text-faint: #6b6b6b;

  --orange: #ff6a00;
  --orange-light: #ff9142;
  --orange-dim: #c2570a;
  --orange-glow: rgba(255, 106, 0, 0.35);

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

  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --container-w: 1200px;

  --shadow-glow: 0 0 60px var(--orange-glow);

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