:root {
  --brand-yellow: #F9C808;
  --brand-blue: #2A5CDB;
  --brand-red: #E5342A;
  --brand-green: #2FAE4E;
  --brand-navy: #1B2340;
  --brand-paper: #F7F6F2;
}

html, body {
  width: 100%;
  min-height: 100%;
}

body {
  background-color: var(--brand-paper);
}

/* Slider teks / marquee di bawah header */
.marquee-wrap {
  overflow: hidden;
  white-space: nowrap;
}

.marquee-track {
  display: inline-block;
  padding-left: 100%;
  animation: brand-marquee 22s linear infinite;
}

.marquee-wrap:hover .marquee-track {
  animation-play-state: paused;
}

@keyframes brand-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

@media (prefers-reduced-motion: reduce) {
  .marquee-track {
    animation: none;
    padding-left: 0;
  }
}

/* Fokus keyboard tetap terlihat jelas di atas warna cerah */
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 3px solid var(--brand-navy);
  outline-offset: 2px;
}