:root {
  --bg-primary: #0f1410;
  --bg-secondary: #1a231b;
  --bg-card: rgba(20, 28, 22, 0.78);
  --bg-hover: rgba(28, 40, 30, 0.88);

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

  --accent-blue: #c08457; /* straw */
  --accent-cyan: #f3c969; /* warm */
  --accent-green: #65a30d; /* moss */
  --accent-red: #ef4444;
  --accent-purple: #a78bfa;
  --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.35),
      rgba(0, 0, 0, 0.7)
    ),
    radial-gradient(
      circle at 18% 18%,
      rgba(243, 201, 105, 0.1),
      transparent 45%
    ),
    radial-gradient(circle at 82% 78%, rgba(101, 163, 13, 0.1), transparent 48%),
    repeating-linear-gradient(
      45deg,
      rgba(192, 132, 87, 0.1) 0 18px,
      rgba(0, 0, 0, 0) 18px 46px
    );

  --gradient-accent: linear-gradient(90deg, #c08457, #f3c969, #65a30d);
  --gradient-card: linear-gradient(
    145deg,
    rgba(26, 35, 27, 0.92),
    rgba(15, 20, 16, 0.92)
  );
}