:root {
  --bg-primary: #06140b;
  --bg-secondary: #0b2a15;
  --bg-card: rgba(8, 28, 16, 0.78);
  --bg-hover: rgba(12, 46, 24, 0.85);

  --text-primary: #f1f5f9;
  --text-secondary: rgba(241, 245, 249, 0.72);
  --text-muted: rgba(241, 245, 249, 0.55);

  --accent-blue: #22c55e;
  --accent-cyan: #a3e635;
  --accent-green: #16a34a;
  --accent-red: #ef4444;
  --accent-purple: #84cc16;

  --border-color: rgba(148, 163, 184, 0.22);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.45);
  --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.65);

  --gradient-bg: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.35),
      rgba(0, 0, 0, 0.65)
    ),
    repeating-linear-gradient(
      90deg,
      rgba(34, 197, 94, 0.14) 0px,
      rgba(34, 197, 94, 0.14) 60px,
      rgba(16, 163, 74, 0.1) 60px,
      rgba(16, 163, 74, 0.1) 120px
    ),
    radial-gradient(circle at 20% 15%, rgba(163, 230, 53, 0.1), transparent 40%),
    radial-gradient(circle at 80% 85%, rgba(34, 197, 94, 0.1), transparent 45%);

  --gradient-accent: linear-gradient(90deg, #22c55e, #a3e635, #16a34a);
  --gradient-card: linear-gradient(
    145deg,
    rgba(10, 35, 19, 0.92),
    rgba(6, 20, 11, 0.92)
  );
}