/* Shynies.ai brand override — deep burgundy accent on top of the compiled Candy stylesheet.
   Solid accent .......... #571727  (buttons, fills, borders, gradients, rings)
   Readable text tint .... #a13d57  (same hue lifted so pink text stays legible on dark)
   These replace every pink / pink-tinted colour that ships with Candy. */
:root {
  --primary-color: #571727;
  --primary-color-hover: #3c0f1b;
  --primary-color-medium: #451220;
  --primary-color-semi: #57172769;
  --cookie-primary: #571727;
  --pink-default: #571727;
}

/* accent text tone – lifted from the solid so it stays readable on dark backgrounds */
.text-pink-default,
.text-pink-500,
.text-pink-600,
.hover\:text-pink-default:hover { color: #a13d57 !important; }

.bg-pink-default,
.bg-pink-500,
.bg-pink-600,
.hover\:bg-pink-default:hover,
.bg-\[\#ee5876\],
.hover\:bg-\[\#ee5876\]:hover { background-color: #571727 !important; }

.border-pink-default,
.border-pink-500,
.border-pink-600,
.border-\[\#ee5876\] { border-color: #571727 !important; }

.bg-pink-default\/80 { background-color: rgba(87,23,39,.8) !important; }
.bg-pink-default\/60 { background-color: rgba(87,23,39,.6) !important; }
.bg-pink-default\/20 { background-color: rgba(87,23,39,.2) !important; }
.bg-pink-default\/15 { background-color: rgba(87,23,39,.15) !important; }
.bg-pink-default\/10 { background-color: rgba(87,23,39,.1) !important; }
.border-pink-default\/70 { border-color: rgba(87,23,39,.7) !important; }
.border-pink-default\/40 { border-color: rgba(87,23,39,.4) !important; }
.border-pink-default\/30 { border-color: rgba(87,23,39,.3) !important; }

/* other hard-coded accent pinks on the page */
.bg-\[\#F53B70\], .bg-\[\#f53b70\],
.hover\:bg-\[\#F53B70\]:hover { background-color: #571727 !important; }
.text-\[\#e86881\], .text-\[\#E86881\] { color: #a13d57 !important; }
.border-\[\#F53B70\], .border-\[\#f53b70\] { border-color: #571727 !important; }

/* pink drop-shadow on the hero CTA pill */
.shadow-\[0_8px_22px_rgba\(238\2c 88\2c 118\2c 0\.35\)\],
.md\:shadow-\[0_8px_22px_rgba\(238\2c 88\2c 118\2c 0\.35\)\] { box-shadow: 0 8px 22px rgba(87,23,39,.5) !important; }

/* full tailwind pink scale, any usage */
.text-pink-300, .text-pink-400, .text-pink-700 { color: #a13d57 !important; }
.bg-pink-300, .bg-pink-400, .bg-pink-700 { background-color: #571727 !important; }
.border-pink-300, .border-pink-400, .border-pink-700 { border-color: #571727 !important; }
.ring-pink-default, .ring-pink-400, .ring-pink-500, .ring-pink-600 { --tw-ring-color: #571727 !important; }
.fill-pink-default, .fill-pink-500, .fill-pink-600 { fill: #571727 !important; }
.decoration-pink-default { text-decoration-color: #571727 !important; }
.from-pink-400 { --tw-gradient-from: #571727 !important; }
.to-pink-400 { --tw-gradient-to: #a13d57 !important; }

/* gradients that used pink stops */
.from-pink-500, .from-pink-600 { --tw-gradient-from: #571727 !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-pink-500, .to-pink-600, .to-pink-400 { --tw-gradient-to: #a13d57 !important; }
.via-pink-500, .via-pink-600 { --tw-gradient-via: #7a2a3f !important; }

/* primary utilities (gender tabs, hero campaign button) track --primary-color above */
.text-primary { color: #a13d57 !important; }
.bg-primary { background-color: var(--primary-color) !important; }
.border-primary { border-color: var(--primary-color) !important; }

/* our custom AI Videos strip: keep the "live preview" dot on the readable tint */
#ai-videos .aivideos-live::before { background: #a13d57 !important; }

/* simple text wordmark that replaces the old logo images */
.shynies-wordmark {
  display: inline-flex; align-items: baseline; font-weight: 800; color: #fff;
  letter-spacing: -.02em; line-height: 1; white-space: nowrap;
}
.shynies-wordmark .dot { color: #a13d57; }