@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap");

/* Sonnenheim — sun wordmark gradient */
.text-sun-gradient {
  background: linear-gradient(105deg, #fde68a 0%, #fbbf24 25%, #f97316 55%, #ea580c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.text-sun-gradient-soft {
  background: linear-gradient(180deg, #fef3c7 0%, #f59e0b 45%, #d97706 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero-overlay {
  background: linear-gradient(
    180deg,
    rgba(10, 10, 10, 0.2) 0%,
    rgba(10, 10, 10, 0.55) 45%,
    #0a0a0a 100%
  );
}

.sun-watermark {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0.06;
}

.show-row-highlight {
  box-shadow: inset 0 0 0 1px rgba(251, 146, 60, 0.45);
}

.polaroid {
  background: #f5f5f5;
  padding: 0.65rem 0.65rem 2.25rem;
  box-shadow:
    0 4px 6px -1px rgb(0 0 0 / 0.35),
    0 12px 24px -8px rgb(0 0 0 / 0.45);
  transform: rotate(var(--twist, -2deg));
  transition: transform 0.35s ease;
}
.polaroid:hover {
  transform: rotate(0deg) scale(1.02);
}