/*
 * Compatibility utilities used by the active v2 bundles but absent from
 * index-kop-pCR-.css. Keep this file after the main stylesheet.
 *
 * Named colors reuse the site's CSS tokens. Literal colors mirror the
 * corresponding arbitrary Tailwind classes emitted in the bundles.
 */

/* Background colors */
.bg-\[\#071814\]\/62 {
  background-color: rgb(7 24 20 / 0.62);
}

.bg-\[\#0D211D\]\/68 {
  background-color: rgb(13 33 29 / 0.68);
}

.bg-\[\#10231F\]\/92 {
  background-color: rgb(16 35 31 / 0.92);
}

.bg-\[\#122722\]\/82 {
  background-color: rgb(18 39 34 / 0.82);
}

.bg-background\/66 {
  background-color: hsl(var(--background) / 0.66);
}

.bg-background\/72 {
  background-color: hsl(var(--background) / 0.72);
}

.bg-brand-cream\/20 {
  background-color: hsl(var(--background) / 0.2);
}

.bg-card\/78 {
  background-color: hsl(var(--card) / 0.78);
}

.bg-primary-foreground\/6 {
  background-color: hsl(var(--primary-foreground) / 0.06);
}

.bg-primary-foreground\/7 {
  background-color: hsl(var(--primary-foreground) / 0.07);
}

.bg-primary-foreground\/8 {
  background-color: hsl(var(--primary-foreground) / 0.08);
}

.bg-primary\/36 {
  background-color: hsl(var(--primary) / 0.36);
}

.bg-primary\/58 {
  background-color: hsl(var(--primary) / 0.58);
}

.bg-red-500\/8 {
  background-color: rgb(239 68 68 / 0.08);
}

.bg-secondary\/16 {
  background-color: hsl(var(--secondary) / 0.16);
}

.bg-secondary\/22 {
  background-color: hsl(var(--secondary) / 0.22);
}

.bg-white\/12 {
  background-color: rgb(255 255 255 / 0.12);
}

.bg-white\/42 {
  background-color: rgb(255 255 255 / 0.42);
}

.bg-white\/88 {
  background-color: rgb(255 255 255 / 0.88);
}

/* Border colors */
.border-\[\#B38A4C\]\/18 {
  border-color: rgb(179 138 76 / 0.18);
}

.border-\[\#B38A4C\]\/22 {
  border-color: rgb(179 138 76 / 0.22);
}

.border-\[\#D8B56D\]\/28 {
  border-color: rgb(216 181 109 / 0.28);
}

.border-primary-foreground\/12 {
  border-color: hsl(var(--primary-foreground) / 0.12);
}

.border-primary-foreground\/14 {
  border-color: hsl(var(--primary-foreground) / 0.14);
}

.border-primary-foreground\/16 {
  border-color: hsl(var(--primary-foreground) / 0.16);
}

.border-primary-foreground\/18 {
  border-color: hsl(var(--primary-foreground) / 0.18);
}

.border-primary-foreground\/24 {
  border-color: hsl(var(--primary-foreground) / 0.24);
}

.border-primary-foreground\/26 {
  border-color: hsl(var(--primary-foreground) / 0.26);
}

.border-primary-foreground\/28 {
  border-color: hsl(var(--primary-foreground) / 0.28);
}

.border-primary\/12 {
  border-color: hsl(var(--primary) / 0.12);
}

.border-primary\/14 {
  border-color: hsl(var(--primary) / 0.14);
}

.border-red-500\/24 {
  border-color: rgb(239 68 68 / 0.24);
}

.border-secondary\/18 {
  border-color: hsl(var(--secondary) / 0.18);
}

.border-secondary\/24 {
  border-color: hsl(var(--secondary) / 0.24);
}

.border-secondary\/28 {
  border-color: hsl(var(--secondary) / 0.28);
}

.border-secondary\/36 {
  border-color: hsl(var(--secondary) / 0.36);
}

.border-secondary\/42 {
  border-color: hsl(var(--secondary) / 0.42);
}

.border-white\/14 {
  border-color: rgb(255 255 255 / 0.14);
}

/* Gradient stops */
.from-\[\#061511\]\/88 {
  --tw-gradient-from: rgb(6 21 17 / 0.88) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 21 17 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#17342F\]\/52 {
  --tw-gradient-from: rgb(23 52 47 / 0.52) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(23 52 47 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-\[\#10231F\]\/42 {
  --tw-gradient-to: rgb(16 35 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(16 35 31 / 0.42) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-\[\#061511\]\/82 {
  --tw-gradient-to: rgb(6 21 17 / 0.82) var(--tw-gradient-to-position);
}

.to-\[\#0F211D\]\/78 {
  --tw-gradient-to: rgb(15 33 29 / 0.78) var(--tw-gradient-to-position);
}

/* Hover backgrounds */
.hover\:bg-\[\#F0C98E\]\/12:hover {
  background-color: rgb(240 201 142 / 0.12);
}

.hover\:bg-primary\/6:hover {
  background-color: hsl(var(--primary) / 0.06);
}

/* Shadow colors */
.shadow-primary\/18 {
  --tw-shadow-color: hsl(var(--primary) / 0.18);
  --tw-shadow: var(--tw-shadow-colored);
}

/* Text colors */
.text-\[\#27423D\]\/76 {
  color: rgb(39 66 61 / 0.76);
}

.text-\[\#27423D\]\/82 {
  color: rgb(39 66 61 / 0.82);
}

.text-\[\#F0C98E\]\/78 {
  color: rgb(240 201 142 / 0.78);
}

.text-\[\#F7F1E6\]\/78 {
  color: rgb(247 241 230 / 0.78);
}

.text-accent\/28 {
  color: hsl(var(--accent) / 0.28);
}

.text-foreground\/62 {
  color: hsl(var(--foreground) / 0.62);
}

.text-foreground\/72 {
  color: hsl(var(--foreground) / 0.72);
}

.text-foreground\/76 {
  color: hsl(var(--foreground) / 0.76);
}

.text-foreground\/78 {
  color: hsl(var(--foreground) / 0.78);
}

.text-primary-foreground\/72 {
  color: hsl(var(--primary-foreground) / 0.72);
}

.text-primary-foreground\/74 {
  color: hsl(var(--primary-foreground) / 0.74);
}

.text-primary-foreground\/76 {
  color: hsl(var(--primary-foreground) / 0.76);
}

.text-primary-foreground\/78 {
  color: hsl(var(--primary-foreground) / 0.78);
}

.text-primary-foreground\/82 {
  color: hsl(var(--primary-foreground) / 0.82);
}

.text-primary-foreground\/88 {
  color: hsl(var(--primary-foreground) / 0.88);
}

.text-primary-foreground\/92 {
  color: hsl(var(--primary-foreground) / 0.92);
}

.text-primary\/38 {
  color: hsl(var(--primary) / 0.38);
}

.text-primary\/48 {
  color: hsl(var(--primary) / 0.48);
}

.text-primary\/56 {
  color: hsl(var(--primary) / 0.56);
}

.text-primary\/58 {
  color: hsl(var(--primary) / 0.58);
}

.text-primary\/62 {
  color: hsl(var(--primary) / 0.62);
}

.text-primary\/64 {
  color: hsl(var(--primary) / 0.64);
}

.text-primary\/66 {
  color: hsl(var(--primary) / 0.66);
}

.text-primary\/68 {
  color: hsl(var(--primary) / 0.68);
}

.text-primary\/72 {
  color: hsl(var(--primary) / 0.72);
}

.text-primary\/78 {
  color: hsl(var(--primary) / 0.78);
}

.text-white\/92 {
  color: rgb(255 255 255 / 0.92);
}

/* Transition durations used by the active v2 image and hero bundles. */
.duration-\[1400ms\] {
  transition-duration: 1400ms;
}

.duration-\[1500ms\] {
  transition-duration: 1500ms;
}

.duration-\[1600ms\] {
  transition-duration: 1600ms;
}

.duration-\[1800ms\] {
  transition-duration: 1800ms;
}

/* Additional opacity and state utilities emitted by private/public panels. */
.opacity-62 {
  opacity: 0.62;
}

.opacity-72 {
  opacity: 0.72;
}

.bg-primary\/8 {
  background-color: hsl(var(--primary) / 0.08);
}

.disabled\:cursor-wait:disabled {
  cursor: wait;
}

.disabled\:opacity-65:disabled {
  opacity: 0.65;
}

@media (min-width: 640px) {
  .sm\:pb-18 {
    padding-bottom: 4.5rem;
  }
}