/* LUPIS45 Brand Theme - Green & Gold (matching logo) */
:root {
  --brand-50: #f1f8e9;
  --brand-100: #c8e6c9;
  --brand-500: #ffc107;
  --brand-600: #ffd700;
  --lupis-green: #2e7d32;
  --lupis-green-bright: #4caf50;
  --lupis-gold: #ffd700;
  --lupis-gold-dark: #d4a017;
  --lupis-brown: #3b2417;
  --peri-black: #0d1f0d;
  --peri-dark: #142814;
  --peri-gold: #ffd700;
  --peri-gold-dark: #c9a227;
}

body {
  background: linear-gradient(180deg, #0d1f0d 0%, #1a2e1a 50%, #0a150a 100%);
  color: #f5f5f5;
}

.topbar {
  background: linear-gradient(90deg, #1b5e20, #2e7d32);
  border-bottom: 2px solid rgba(255, 215, 0, 0.35);
}

.topbar a:hover {
  color: #ffd700;
}

.navbar {
  background: linear-gradient(135deg, rgba(13, 31, 13, 0.98) 0%, rgba(30, 70, 32, 0.95) 100%);
  border-bottom: 1px solid rgba(255, 215, 0, 0.2);
}

.navbar::after {
  background: linear-gradient(90deg, transparent 0%, #4caf50 15%, #ffd700 50%, #4caf50 85%, transparent 100%);
}

.mega-cats a:hover {
  color: #ffd700;
}

.login-btn {
  background: linear-gradient(135deg, #ffd700, #ffc107) !important;
  color: #3b2417 !important;
  border: 1px solid rgba(59, 36, 23, 0.3) !important;
}

.pd-breadcrumb a {
  color: #ffd700;
}

.pd-title {
  color: #ffd700;
  text-shadow: 0 1px 2px rgba(59, 36, 23, 0.8);
}

.peritoto-intro {
  background: linear-gradient(135deg, #142814 0%, #1b3d1b 100%);
  border: 2px solid rgba(76, 175, 80, 0.45);
  box-shadow: 0 4px 20px rgba(46, 125, 50, 0.25);
}

.peritoto-live-date {
  color: #ffd700 !important;
}

.peri-link-btn {
  background: linear-gradient(135deg, #ffd700, #ffc107);
  color: #3b2417 !important;
  border: 1px solid rgba(59, 36, 23, 0.25);
}

.peritoto-tags-section {
  background: linear-gradient(135deg, #142814, #1b3d1b);
  border-color: rgba(76, 175, 80, 0.25);
}

.peritoto-tags-section h3 {
  color: #ffd700;
}

.peritoto-tags a {
  color: #c8e6c9;
  border-color: rgba(255, 215, 0, 0.3);
}

.peritoto-tags a:hover {
  background: rgba(46, 125, 50, 0.35);
  color: #ffd700;
}

.peritoto-review-card {
  background: linear-gradient(145deg, #1b3d1b, #142814);
  border-color: rgba(255, 215, 0, 0.25);
}

.peritoto-review-name {
  color: #ffd700;
}

.lupis45-top-fixed-footer {
  background: linear-gradient(180deg, #1b5e20, #0d1f0d) !important;
  border-top: 2px solid rgba(255, 215, 0, 0.25) !important;
}

.lupis45-top-fixed-footer a {
  color: #ffd700 !important;
}