:root {
  --primary: #fdcf09; /* Yellow */
  --secondary: #000000; /* Black */
  --text-light: #ffffff;
}

/* Chevron Bars */
.chevron-bar {
  width: 100%;
  height: 2vh;
  background: repeating-linear-gradient(
    45deg,
    var(--secondary) 0px,
    var(--secondary) 14px,
    var(--primary) 14px,
    var(--primary) 28px
  );
  z-index: 50;
  position: relative;
}

.chevron-bar-alt {
  width: 100%;
  height: 2vh;
  background: repeating-linear-gradient(
    135deg,
    var(--secondary) 0px,
    var(--secondary) 14px,
    var(--primary) 14px,
    var(--primary) 28px
  );
  z-index: 40;
  position: relative;
  margin-top: -1px;
}