:root {
  --color-navy-950: #0b1730;
  --color-navy-900: #00328f;
  --color-navy-800: #144298;
  --color-navy-700: #011d51;
  --color-gold-600: #d17a00;
  --color-gold-500: #ff9900;
  --color-gold-400: #ffa826;
  --color-gold-100: #ffe9c7;
  --color-paper: #faf8f4;
  --color-paper-dim: #f3f1ed;
}

/* Header / topbar */
.topbar { background: linear-gradient(135deg, #0b1730, #00328f); }

/* Buttons */
.btn-gold { background: linear-gradient(135deg, #ff9900, #d17a00); border-color: #ff9900; }
.btn-gold:hover { background: transparent; }

/* Hero overlay (sits on top of the slideshow photo for text legibility) */
.hero-slide::before {
  background:
    linear-gradient(135deg, rgba(11, 23, 48, 0.94) 0%, rgba(0, 50, 143, 0.88) 45%, rgba(1, 29, 81, 0.55) 100%),
    repeating-linear-gradient(115deg, rgba(255, 153, 0, 0.07) 0px, rgba(255, 153, 0, 0.07) 1px, transparent 1px, transparent 90px);
}

/* Sections using the solid navy background (majors grid, CTA strips) */
.bg-navy { background: linear-gradient(135deg, #0b1730, #00328f) !important; }

/* Footer */
.footer-main { background: linear-gradient(135deg, #0b1730, #00328f); }

/* Program keahlian cards */
.major-card { background: linear-gradient(135deg, #00328f, #011d51); }