/* Stronger muted copy on ivory, warm gray, and white surfaces. */
.variant-04 .text-\[\#66686C\] {
  color: #5B5D61 !important;
}

/* Bronze used as text needs a darker value on light surfaces. */
.variant-04 .text-\[\#9A762F\],
.variant-04 .\!text-\[\#9A762F\] {
  color: #755C3E !important;
}

.variant-04 .border-\[\#9A762F\] {
  border-color: #755C3E !important;
}

/* On charcoal and brown surfaces, switch bronze copy to a light cream. */
.variant-04 :is(
  .bg-\[\#171A1E\],
  .bg-\[\#755C3E\],
  .from-\[\#171A1E\],
  .from-\[\#755C3E\]
) :is(.text-\[\#9A762F\], .\!text-\[\#9A762F\]) {
  color: #F0E4D0 !important;
}

.variant-04 :is(
  .bg-\[\#171A1E\],
  .bg-\[\#755C3E\],
  .from-\[\#171A1E\],
  .from-\[\#755C3E\]
) .border-\[\#9A762F\] {
  border-color: #F0E4D0 !important;
}

.variant-04 .bg-\[\#755C3E\] .text-white\/80,
.variant-04 .from-\[\#755C3E\] .text-white\/80 {
  color: rgba(255, 255, 255, .92) !important;
}