/* *
 * Your Socials — brand theme (differentiated from competitor purple/orange)
 */
:root {
  --brand-primary: #0D9488;
  --brand-primary-dark: #0F766E;
  --brand-primary-deep: #134E4A;
  --brand-accent: #BE185D;
  --brand-accent-light: #EC4899;
  --brand-cta: #D97706;
  --brand-cta-hover: #B45309;
  --brand-gold: #FBBF24;
  --brand-dark: #1E293B;
  --brand-light: #CCFBF1;
}

/* Legacy competitor colors → Maheen palette */
.bg-\[\#8133CC\],
.bg-\[\#8224e3\],
.bg-\[\#8936E7\],
.bg-\[\#9B3FF2\],
.bg-\[\#8133E2\],
.bg-\[\#7E3AF2\],
.bg-\[\#6318af\],
.bg-\[\#520f96\],
.bg-\[\#983EEB\],
.bg-brandPurple {
  background-color: var(--brand-primary) !important;
}

.bg-\[\#8F40D7\],
.bg-\[\#7c3aed\],
.bg-\[\#7E3AF2\] {
  background-color: var(--brand-primary-dark) !important;
}

.text-\[\#8133CC\],
.text-\[\#8133E2\],
.text-\[\#8224e3\],
.text-\[\#8F40D7\],
.text-\[\#8B3DFF\],
.text-\[\#520f96\] {
  color: var(--brand-primary) !important;
}

.text-\[\#FFB020\],
.text-\[\#F2994A\],
.text-\[\#e66e19\],
.text-\[\#f16822\] {
  color: var(--brand-gold) !important;
}

.bg-\[\#E67E22\],
.bg-\[\#E96E21\],
.bg-\[\#f16822\],
.bg-\[\#f97316\],
.bg-\[\#ea580c\],
.bg-brandOrange {
  background-color: var(--brand-cta) !important;
}

.hover\:bg-\[\#d35400\]:hover,
.hover\:bg-\[\#e05611\]:hover,
.hover\:bg-\[\#ea580c\]:hover {
  background-color: var(--brand-cta-hover) !important;
}

.border-\[\#8133CC\],
.border-\[\#8133E2\] {
  border-color: var(--brand-primary) !important;
}

.from-\[\#8133E2\],
.from-\[\#8224e3\],
.from-\[\#6318af\] {
  --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important;
}

.from-\[\#dd7a3c\],
.from-\[\#e3708f\],
.from-\[\#EB7B35\] {
  --tw-gradient-from: #0f766e var(--tw-gradient-from-position) !important;
}

.via-\[\#e3708f\],
.via-\[\#C63B62\] {
  --tw-gradient-via: #134e4a var(--tw-gradient-via-position) !important;
}

.to-\[\#8D45D0\],
.to-\[\#9149D4\] {
  --tw-gradient-to: #1e293b var(--tw-gradient-to-position) !important;
}

.via-\[\#8936E7\],
.via-\[\#6011b6\],
.via-\[\#520f96\] {
  --tw-gradient-via: var(--brand-primary-dark) var(--tw-gradient-via-position) !important;
}

.to-\[\#9B3FF2\],
.to-\[\#6011b6\],
.to-\[\#3a0671\] {
  --tw-gradient-to: var(--brand-primary-deep) var(--tw-gradient-to-position) !important;
}

.hover\:text-\[\#8133CC\]:hover,
.hover\:text-\[\#8133E2\]:hover,
.hover\:text-\[\#8B3DFF\]:hover {
  color: var(--brand-primary) !important;
}

.hover\:bg-purple-50:hover {
  background-color: var(--brand-light) !important;
}

/* Text logo in navbar */
.maheen-logo {
  display: flex;
  flex-direction: column;
  line-height: 1;
  text-decoration: none;
  color: inherit;
}

.maheen-logo .logo-name {
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.maheen-logo .logo-tag {
  font-size: 0.55rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  opacity: 0.9;
  margin-top: 2px;
}

#navbar.scrolled-light .maheen-logo,
.bg-white .maheen-logo-dark {
  color: var(--brand-primary-deep);
}

/* Founder spotlight card */
.founder-spotlight {
  background: linear-gradient(135deg, var(--brand-primary-deep) 0%, var(--brand-primary) 50%, var(--brand-accent) 100%);
}

.founder-photo-ring {
  box-shadow: 0 0 0 4px white, 0 0 0 8px var(--brand-accent-light), 0 20px 40px rgba(0,0,0,0.2);
}