:root {
  --bg-primary: #140a05;
  --bg-secondary: #2a1209;
  --bg-card: rgba(20, 10, 5, 0.78);
  --bg-hover: rgba(42, 18, 9, 0.85);

  --accent-blue: #f97316; /* orange */
  --accent-cyan: #fb923c;
  --accent-green: #f59e0b;
  --accent-red: #ef4444;
  --accent-purple: #fbbf24;

  --border-color: rgba(251, 146, 60, 0.18);

  --gradient-bg: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.35),
      rgba(0, 0, 0, 0.72)
    ),
    repeating-linear-gradient(
      90deg,
      rgba(249, 115, 22, 0.12) 0px,
      rgba(249, 115, 22, 0.12) 22px,
      rgba(251, 191, 36, 0.08) 22px,
      rgba(251, 191, 36, 0.08) 44px
    ),
    radial-gradient(
      circle at 30% 20%,
      rgba(249, 115, 22, 0.18),
      transparent 45%
    ),
    radial-gradient(
      circle at 70% 80%,
      rgba(251, 191, 36, 0.12),
      transparent 45%
    );

  --gradient-accent: linear-gradient(90deg, #f97316, #fb923c, #f59e0b);
  --gradient-card: linear-gradient(
    145deg,
    rgba(34, 16, 8, 0.92),
    rgba(20, 10, 5, 0.92)
  );
}