:root {
  --bg-primary: #10140f;
  --bg-secondary: #1f271d;
  --bg-card: rgba(20, 30, 22, 0.78);
  --bg-hover: rgba(30, 44, 32, 0.9);

  --text-primary: #f8fafc;
  --text-secondary: rgba(248, 250, 252, 0.72);
  --text-muted: rgba(248, 250, 252, 0.55);

  --accent-blue: #eab308; /* grain */
  --accent-cyan: #22c55e;
  --accent-green: #16a34a;
  --accent-red: #ef4444; /* comb */
  --accent-purple: #60a5fa;
  --accent-pink: #fb7185;

  --border-color: rgba(148, 163, 184, 0.2);
  --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.28),
      rgba(0, 0, 0, 0.74)
    ),
    radial-gradient(circle at 26% 16%, rgba(234, 179, 8, 0.12), transparent 45%),
    radial-gradient(circle at 72% 84%, rgba(239, 68, 68, 0.08), transparent 50%),
    repeating-linear-gradient(
      135deg,
      rgba(234, 179, 8, 0.08) 0 14px,
      rgba(0, 0, 0, 0) 14px 46px
    );

  --gradient-accent: linear-gradient(90deg, #eab308, #22c55e, #ef4444);
  --gradient-card: linear-gradient(
    145deg,
    rgba(31, 39, 29, 0.92),
    rgba(16, 20, 15, 0.92)
  );
}