/* Blue & pink themes — kept outside Tailwind bundle so snapshots keep accent themes. */

/* Синяя тема: референс navy + лёгкий холодный сине-фиолетовый оттенок */
html.theme-blue {
  color-scheme: dark;
  --color-zinc-50: #f2f5fc;
  --color-zinc-100: #e8ecf6;
  --color-zinc-200: #cbd2e0;
  --color-zinc-300: #b3bbcc;
  --color-zinc-400: #8d96a8;
  --color-zinc-500: #6f788c;
  --color-zinc-600: #4a5162;
  --color-zinc-700: #323848;
  --color-zinc-800: #222836;
  --color-zinc-900: #171c28;
  --color-zinc-950: #0e121c;
}

html.theme-blue body {
  background-color: #0e121c;
  color: #e8ecf6;
}

html.theme-blue .unify-dropdown-scroll {
  scrollbar-color: #4a5162 transparent;
}

html.theme-blue .unify-dropdown-scroll::-webkit-scrollbar-thumb {
  background: #4a5162;
}

html.theme-blue .unify-dropdown-scroll::-webkit-scrollbar-thumb:hover {
  background: #6f788c;
}

html.theme-blue,
html.theme-blue .unify-surface-scroll {
  scrollbar-color: #4a5162 #0e121c73;
}

html.theme-blue::-webkit-scrollbar-thumb,
html.theme-blue .unify-surface-scroll::-webkit-scrollbar-thumb {
  background: #4a5162;
}

html.theme-blue::-webkit-scrollbar-thumb:hover,
html.theme-blue .unify-surface-scroll::-webkit-scrollbar-thumb:hover {
  background: #6f788c;
}

html.theme-blue .unify-shimmer {
  background-image: linear-gradient(
    105deg,
    #222836,
    #222836 38%,
    #323848,
    #222836 62%,
    #222836
  );
}

html.theme-blue .unify-app-loader__ring {
  border-color: #e8ecf6 #6f788c #323848 #222836;
}

/* Розовая тема — пастельный фон + тёмный бордово-угольный акцент (референс) */
html.theme-pink {
  color-scheme: light;
  --color-zinc-50: #fce4ec;
  --color-zinc-100: #f8dce6;
  --color-zinc-200: #f4d0d9;
  --color-zinc-300: #e8b8c6;
  --color-zinc-400: #9a7a88;
  --color-zinc-500: #7d6572;
  --color-zinc-600: #5c4a54;
  --color-zinc-700: #453940;
  --color-zinc-800: #352c32;
  --color-zinc-900: #211a1d;
  --color-zinc-950: #1a1617;
  --color-white: #f4d0d9;
}

html.theme-pink body {
  background-color: #fce4ec;
  color: #1a1617;
}

html.theme-pink aside.unify-sidebar-reveal {
  background-color: #f4d0d9 !important;
  border-color: #e8b8c6 !important;
}

html.theme-pink :where(.bg-white) {
  background-color: #f4d0d9 !important;
}

html.theme-pink :where(.bg-white\/60) {
  background-color: #f4d0d999 !important;
}

html.theme-pink :where(.bg-white\/80) {
  background-color: #f4d0d9cc !important;
}

html.theme-pink :where(.hover\:bg-white:hover) {
  background-color: #f8dce6 !important;
}

html.theme-pink :where(.focus\:bg-white:focus) {
  background-color: #f8dce6 !important;
}

html.theme-pink :where(.from-white) {
  --tw-gradient-from: #f4d0d9;
}

html.theme-pink :where(.to-white) {
  --tw-gradient-to: #f4d0d9;
}

html.theme-pink .unify-numbers-main-section {
  background-color: #f4d0d9 !important;
  border-color: #e8b8c6 !important;
}

html.theme-pink .unify-nav-link[aria-current="page"] {
  background-color: #211a1d !important;
  border-color: #1a1617 !important;
  color: #fff8fa !important;
  box-shadow: 0 1px #1a16171a;
}

html.theme-pink [aria-label="Тема оформления"] button[aria-pressed="true"],
html.theme-pink [aria-label="Color theme"] button[aria-pressed="true"],
html.theme-pink [aria-label="Язык интерфейса"] button[aria-pressed="true"],
html.theme-pink [aria-label="Interface language"] button[aria-pressed="true"] {
  background-color: #211a1d !important;
  color: #fff8fa !important;
  border-color: transparent;
}

html.theme-pink .unify-dropdown-scroll {
  scrollbar-color: #c9a0b0 transparent;
}

html.theme-pink .unify-dropdown-scroll::-webkit-scrollbar-thumb {
  background: #c9a0b0;
}

html.theme-pink .unify-dropdown-scroll::-webkit-scrollbar-thumb:hover {
  background: #9a7a88;
}

html.theme-pink,
html.theme-pink .unify-surface-scroll {
  scrollbar-color: #c9a0b0 #fce4ec99;
}

html.theme-pink::-webkit-scrollbar-thumb,
html.theme-pink .unify-surface-scroll::-webkit-scrollbar-thumb {
  background: #c9a0b0;
}

html.theme-pink::-webkit-scrollbar-thumb:hover,
html.theme-pink .unify-surface-scroll::-webkit-scrollbar-thumb:hover {
  background: #9a7a88;
}

html.theme-pink .unify-shimmer {
  background-image: linear-gradient(
    105deg,
    #f4d0d9,
    #f4d0d9 38%,
    #f8dce6,
    #f4d0d9 62%,
    #f4d0d9
  );
}

html.theme-pink .unify-app-loader__ring {
  border-color: #211a1d #c9a0b0 #e8b8c6 #f4d0d9;
}
/* providers-row-anim-v1: row reveal for Providers (global .unify-table caps stagger at 12) */
.unify-providers-table-live--rows .unify-table tbody tr {
  animation: 0.36s cubic-bezier(0.22, 1, 0.36, 1) both unify-row-in;
}
@media (prefers-reduced-motion: reduce) {
  .unify-providers-table-live--rows .unify-table tbody tr {
    animation: none !important;
  }
}
/* mail-addr-copy-v1 */
@keyframes unify-mail-copy-blink {
  0%,
  to {
    opacity: 1;
  }
  33% {
    opacity: 0.2;
  }
  66% {
    opacity: 1;
  }
}
.unify-mail-copy-blink {
  animation: 0.55s ease-in-out unify-mail-copy-blink;
}
/* mail-text-body-dark-v1 */
.unify-mail-text-body {
  border-color: #e4e4e7;
  background-color: #fafafa;
  color: #18181b;
}

html.dark .unify-mail-text-body,
html.theme-blue .unify-mail-text-body {
  border-color: #52525b;
  background-color: rgba(39, 39, 42, 0.88);
  color: #f4f4f5;
}

html.theme-blue .unify-mail-text-body {
  border-color: #4a5162;
  background-color: rgba(34, 40, 54, 0.9);
  color: #e8ecf6;
}