/* About Page Specific Styles */

/* Theme variables */
.page-about {
  --theme-primary: #c47a7a;
  --theme-hover: #d4a5b9;
  --theme-light: #e8a0a0;
  --theme-text: #8a5a5a;
  --theme-dark: #8a4a5a;
  --theme-bg: #fef6f6;
  --theme-bg-hero: rgb(186, 227, 235);
  --theme-surface: #fceaea;
  --theme-border: #e8c0c0;
}

/* Hero palette */
.hero-palette-about {
  background: var(--theme-bg-hero, #fef6f6);
}
.hero-palette-about .blob-1,
.hero-palette-about .blob-5 {
  --blob-color: #f2c4c4;
}
.hero-palette-about .blob-2,
.hero-palette-about .blob-6 {
  --blob-color: #e8a0a0;
}
.hero-palette-about .blob-3,
.hero-palette-about .blob-7 {
  --blob-color: #d4a5b9;
}
.hero-palette-about .blob-4,
.hero-palette-about .blob-8,
.hero-palette-about .blob-9 {
  --blob-color: #c9a0b3;
}

/* Navigation styles */
.page-about nav {
  background: var(--theme-bg-hero);
  border-bottom-color: rgba(196, 122, 122, 0.2);
  box-shadow: 0 4px 20px rgba(196, 122, 122, 0.08);
}
.page-about .nav-links li > a {
  color: var(--theme-text);
}
.page-about .nav-links li > a:hover {
  color: var(--theme-primary);
}
.page-about .dropdown-menu {
  background: var(--theme-bg-hero);
  border-color: var(--theme-primary);
}
.page-about .dropdown-menu a {
  color: var(--theme-text);
}
.page-about .dropdown-menu a:hover {
  background: linear-gradient(90deg, rgba(196, 122, 122, 0.15), rgba(232, 160, 160, 0.25));
  color: var(--theme-primary);
}
.page-about .dropdown > a::after {
  border-top-color: var(--theme-primary);
}
.page-about .btns .btn {
  background: var(--theme-primary);
  color: #ffffff;
}
.page-about .btns .btn:hover {
  background: var(--theme-hover);
}

/* Hero adjustments */
.page-about .hero h1 {
  color: var(--theme-dark);
}
.page-about .hero-subtitle {
  color: var(--theme-text);
}

/* Section styling */
.page-about .section-title {
  color: var(--theme-primary);
}
.page-about .section-title::after {
  background: linear-gradient(90deg, var(--theme-light), var(--theme-primary));
}

/* Button styles */
.page-about .btn {
  background: var(--theme-primary);
  color: #ffffff;
}
.page-about .btn:hover {
  background: var(--theme-hover);
}
.page-about .btn-outline {
  background: transparent;
  color: var(--theme-primary);
  border: 2px solid var(--theme-primary);
}
.page-about .btn-outline:hover {
  background: rgba(196, 122, 122, 0.1);
  color: var(--theme-dark);
}

/* Alt background */
.page-about .alt-bg {
  background: var(--theme-surface);
}

/* Component styles */
.page-about .contact-info {
  background: #ffffff;
  border-color: var(--theme-primary);
}
.page-about .contact-text h4 {
  color: var(--theme-primary);
}
.page-about .contact-text p {
  color: var(--theme-text);
}
.page-about .social-links {
  border-top-color: var(--theme-border);
}
.page-about .social-links h4 {
  color: var(--theme-primary);
}
.page-about .social-icon {
  background: linear-gradient(135deg, var(--theme-light) 0%, var(--theme-primary) 100%);
  border-color: var(--theme-primary);
}
.page-about .social-icon:hover {
  background: linear-gradient(135deg, var(--theme-hover) 0%, var(--theme-dark) 100%);
  border-color: var(--theme-dark);
}
.page-about .contact-form-container {
  background: #ffffff;
  border-color: var(--theme-primary);
}
.page-about .lead-text {
  color: var(--theme-text);
}
.page-about .pub-logo {
  color: var(--theme-primary);
  background: #ffffff;
}
.page-about .publication-item p {
  color: var(--theme-text);
}
.page-about .activity-card {
  background: var(--theme-surface);
}
.page-about .activity-image {
  background: linear-gradient(135deg, var(--theme-light) 0%, var(--theme-primary) 100%);
}
.page-about .activity-card h4 {
  color: var(--theme-primary);
}
.page-about .activity-card p {
  color: var(--theme-text);
}
.page-about .team-info h3 {
  color: var(--theme-dark);
}
.page-about .team-role {
  color: var(--theme-primary);
}
.page-about .team-bio {
  color: var(--theme-text);
}
.page-about .founder-text h3 {
  color: var(--theme-primary);
}
.page-about .founder-text p {
  color: var(--theme-text);
}
.page-about .founder-signature {
  color: var(--theme-dark);
}

/* Footer styles */
.page-about .site-footer {
  background: var(--theme-dark);
}
.page-about .footer-section h4 {
  color: var(--theme-light);
}
.page-about .footer-section p i {
  color: var(--theme-light);
}
.page-about .footer-section ul a:hover {
  color: var(--theme-light);
}
.page-about .footer-bottom {
  border-top-color: rgba(232, 160, 160, 0.2);
}