/* Сформируй — minimal brand overrides */

.dark {
  --gray-900: #161B22 !important;
  --gray-850: #161B22 !important;
  --gray-800: #0D1117 !important;
  --gray-700: #21262D !important;

  /* Chat area — lighter */
  --surface-primary: #161B22 !important;
  --surface-primary-alt: #161B22 !important;
  --surface-primary-contrast: #161B22 !important;

  /* Sidebar — darker */
  --surface-secondary: #0D1117 !important;
  --surface-secondary-alt: #0D1117 !important;
  --surface-tertiary: #21262D !important;

  /* Header */
  --header-primary: #0D1117 !important;
  --header-hover: #161B22 !important;
  --header-button-hover: #161B22 !important;

  --border-light: #21262D !important;
}

/* Send button — yellow */
button[data-testid="send-button"] {
  background-color: #F5C518 !important;
  color: #0D1117 !important;
}
button[data-testid="send-button"]:hover {
  background-color: #FFD43B !important;
}

/* Toggle switches — yellow when active */
button[role="switch"][data-state="checked"] {
  background-color: #F5C518 !important;
}

/* ═══════════════════════════════════════════════════
   LOGIN / REGISTRATION PAGES
   ═══════════════════════════════════════════════════ */

/* Kill the purple/blue animated gradient background */
.bg-gradient-to-br,
.animate-gradient-x {
  background-image: none !important;
  animation: none !important;
}

/* Page background — solid dark */
.min-h-screen {
  background-color: #0D1117 !important;
}

/* Auth card container */
.w-authPageWidth {
  background-color: #161B22 !important;
  border: 1px solid #21262D !important;
  border-radius: 16px !important;
}

/* Logo container — make sure our logo displays with right size */
.h-10.w-full.bg-cover {
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Dark-invert removal — our logo doesn't need dark:invert */
.h-full.w-full.object-contain {
  filter: none !important;
}

/* Auth page title */
.text-3xl.font-semibold {
  color: #E6EDF3 !important;
}

/* Form inputs — dark surface with yellow focus */
input.bg-surface-primary,
input.border-border-light {
  background-color: #0D1117 !important;
  border-color: #21262D !important;
  color: #E6EDF3 !important;
}

input.bg-surface-primary:focus,
input.border-border-light:focus {
  border-color: #F5C518 !important;
  box-shadow: 0 0 0 3px rgba(245, 197, 24, 0.1) !important;
}

/* Replace green focus with yellow on labels */
.peer-focus\:text-green-500,
.peer-focus\:text-green-600 {
  --tw-text-opacity: 1 !important;
}
input:focus ~ label {
  color: #F5C518 !important;
}

/* Floating labels background match */
label.bg-surface-primary {
  background-color: #0D1117 !important;
  color: #8B949E !important;
}

/* Submit button — yellow brand accent */
button[type="submit"] {
  background-color: #F5C518 !important;
  color: #0D1117 !important;
  font-weight: 700 !important;
  border: none !important;
}

button[type="submit"]:hover {
  background-color: #FFD43B !important;
}

/* Links — green to blue */
a.text-green-600,
a.text-green-500,
.dark a.text-green-500,
.dark a.text-green-400 {
  color: #58A6FF !important;
  text-decoration-color: transparent !important;
}

a.text-green-600:hover,
a.text-green-500:hover,
.dark a.text-green-500:hover,
.dark a.text-green-400:hover {
  color: #79C0FF !important;
  text-decoration-color: #79C0FF !important;
}

/* Footer text */
.text-gray-700,
.dark .text-white {
  color: #8B949E !important;
}

/* Error messages */
[role="alert"],
.text-red-500,
.text-red-600 {
  color: #F85149 !important;
}

/* Placeholder text */
input::placeholder {
  color: #484F58 !important;
}

/* Gradient decorative blurs on inputs — kill purple/blue glow */
.from-blue-500\/20,
.from-blue-500\/10,
.from-purple-500\/5,
.via-purple-500\/20,
.via-purple-500\/10,
.via-blue-500\/5 {
  opacity: 0 !important;
}

/* Theme selector on auth page */
.absolute.bottom-0.left-0 {
  color: #8B949E !important;
}