:root {
  --primary: #1D9E75;
  --primary-hover: #167e5d;
  --primary-glow: rgba(29, 158, 117, .3);
  --amber: #f59e0b;
  --amber-hover: #d97706;
  --amber-glow: rgba(245, 158, 11, .25);
  --blue: #3b82f6;
  --blue-hover: #2563eb;
  --blue-glow: rgba(59, 130, 246, .25);
  --fes-red: #c0392b;
  --bg-body: #060a12;
  --bg-site: #0b1220;
  --text-muted: rgba(255, 255, 255, .72);
  --border-alpha: rgba(255, 255, 255, .07);
  --focus-ring: 0 0 0 3px rgba(29, 158, 117, .85);
  --transition-smooth: all 0.3s cubic-bezier(.4, 0, .2, 1);
}

:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}