:root {
  --wine-950: #0f4c5c;
  --wine-900: #0f4c5c;
  --wine-800: #176b78;
  --wine-700: #176b78;
  --gold: #d29b3f;
  --gold-soft: #e4bd75;
  --eucalyptus: #cf6f4e;
  --hero-rgb: 15, 76, 92;
}

.hero-shade {
  background:
    linear-gradient(
      90deg,
      rgba(15, 76, 92, 0.98) 0%,
      rgba(15, 76, 92, 0.93) 35%,
      rgba(15, 76, 92, 0.54) 64%,
      rgba(15, 76, 92, 0.1) 100%
    ),
    linear-gradient(0deg, rgba(15, 76, 92, 0.4), transparent 42%);
}

.region-1 {
  background: linear-gradient(145deg, rgba(15, 76, 92, 0.98), rgba(15, 76, 92, 0.85)), #0f4c5c;
}

.region-2 {
  background: linear-gradient(145deg, rgba(23, 107, 120, 0.98), rgba(23, 107, 120, 0.84)), #176b78;
}

.region-3 {
  background: linear-gradient(145deg, rgba(174, 94, 62, 0.98), rgba(174, 94, 62, 0.86)), #cf6f4e;
}