/* utility.css — reusable single-purpose classes */

.u-overflow-hidden {
  overflow: hidden !important;
}

/* Gradients — use utilities or inline linear-gradient + color tokens from base.css */
.u-gradient-primary {
  background-image: linear-gradient(to bottom right, var(--color-primary-dark), var(--color-primary));
}

.u-gradient-accent {
  background-image: linear-gradient(to right, var(--color-accent), var(--color-accent-dark));
}

/* Visibility — responsive show/hide */
.u-pc-only {
  display: none;
}

.u-sp-only {
  display: block;
}

@media (min-width: 768px) {
  .u-pc-only {
    display: block;
  }

  .u-sp-only {
    display: none;
  }
}