@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap&subset=cyrillic');

:root {
  --tat-gold: #c9cdd4;
  --tat-gold-light: #e7e9ee;
  --tat-gold-dark: #9aa0aa;
}

.font-serif,
h1,
h2 {
  font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
  letter-spacing: 0.005em;
}

.text-gold {
  color: var(--tat-gold) !important;
}

.text-gold-light {
  color: var(--tat-gold-light) !important;
}

.text-gold-dark {
  color: var(--tat-gold-dark) !important;
}

.text-gold\/25 {
  color: rgb(201 205 212 / 0.25) !important;
}

.text-gold\/50 {
  color: rgb(201 205 212 / 0.5) !important;
}

.text-gold\/80 {
  color: rgb(201 205 212 / 0.8) !important;
}

.hover\:text-gold:hover {
  color: var(--tat-gold) !important;
}

.hover\:text-gold-light:hover {
  color: var(--tat-gold-light) !important;
}

.group:hover .group-hover\:text-gold {
  color: var(--tat-gold) !important;
}

.bg-gold {
  background-color: var(--tat-gold) !important;
}

.bg-gold\/5 {
  background-color: rgb(201 205 212 / 0.05) !important;
}

.bg-gold\/10 {
  background-color: rgb(201 205 212 / 0.1) !important;
}

.bg-gold\/15 {
  background-color: rgb(201 205 212 / 0.15) !important;
}

.bg-gold\/20 {
  background-color: rgb(201 205 212 / 0.2) !important;
}

.hover\:bg-gold:hover {
  background-color: var(--tat-gold) !important;
}

.hover\:bg-gold\/10:hover {
  background-color: rgb(201 205 212 / 0.1) !important;
}

.hover\:bg-gold\/20:hover {
  background-color: rgb(201 205 212 / 0.2) !important;
}

.group:hover .group-hover\:bg-gold {
  background-color: var(--tat-gold) !important;
}

.border-gold {
  border-color: var(--tat-gold) !important;
}

.border-gold\/10 {
  border-color: rgb(201 205 212 / 0.1) !important;
}

.border-gold\/20 {
  border-color: rgb(201 205 212 / 0.2) !important;
}

.border-gold\/30 {
  border-color: rgb(201 205 212 / 0.3) !important;
}

.border-gold\/40 {
  border-color: rgb(201 205 212 / 0.4) !important;
}

.border-gold\/50 {
  border-color: rgb(201 205 212 / 0.5) !important;
}

.hover\:border-gold:hover {
  border-color: var(--tat-gold) !important;
}

.hover\:border-gold\/30:hover {
  border-color: rgb(201 205 212 / 0.3) !important;
}

.hover\:border-gold\/40:hover {
  border-color: rgb(201 205 212 / 0.4) !important;
}

.hover\:border-gold\/50:hover {
  border-color: rgb(201 205 212 / 0.5) !important;
}

.focus\:border-gold:focus {
  border-color: var(--tat-gold) !important;
}

.gold-line {
  background: linear-gradient(90deg, transparent, var(--tat-gold), transparent) !important;
}

.text-rose-100\/80 {
  color: rgb(231 233 238 / 0.82) !important;
}

::selection {
  background-color: #3f3f46 !important;
  color: #fff !important;
}

[style*="transparent, #d4a574, transparent"] {
  background: linear-gradient(90deg, transparent, var(--tat-gold), transparent) !important;
}

[style*="90deg, transparent, rgba(212,165,116,0.3)"] {
  background: linear-gradient(90deg, transparent, rgb(201 205 212 / 0.3), transparent) !important;
}

[style*="to bottom, transparent, rgba(212,165,116,0.12)"] {
  background: linear-gradient(to bottom, transparent, rgb(201 205 212 / 0.12), transparent) !important;
}

[style*="to bottom, transparent, rgba(212,165,116,0.08)"] {
  background: linear-gradient(to bottom, transparent, rgb(201 205 212 / 0.08), transparent) !important;
}

[style*="0 0 120px rgba(212,165,116"] {
  text-shadow: 0 4px 60px rgba(0, 0, 0, 0.6), 0 0 120px rgb(201 205 212 / 0.08) !important;
}

[style*="0 0 30px rgba(212,165,116,0.10)"] {
  box-shadow: 0 0 30px rgb(201 205 212 / 0.1), 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[class*="drop-shadow-[0_0_15px_rgba(212,165,116"] {
  filter: drop-shadow(0 0 15px rgb(201 205 212 / 0.25)) !important;
}

[class*="hover:shadow-[0_0_25px_rgba(212,165,116"]:hover {
  box-shadow: 0 0 25px rgb(201 205 212 / 0.06) !important;
}

[class*=" shadow-[0_0_20px_rgba(212,165,116"] {
  box-shadow: 0 0 20px rgb(201 205 212 / 0.1) !important;
}

[class*="hover:shadow-[0_0_30px_rgba(212,165,116"]:hover {
  box-shadow: 0 0 30px rgb(201 205 212 / 0.4) !important;
}

.model-card .model-card__slider-pagination .swiper-pagination-bullet-active {
  background: var(--tat-gold) !important;
  box-shadow: 0 0 8px rgb(201 205 212 / 0.3) !important;
}