/* ACSHR 2026 official palette override shared by home and abstracts pages. */
:root {
  --lime: #D9E021;
  --green: #26664A;
  --dark: #264438;
  --ink: #1A1F1A;
  --muted: #455049;
  --line: #E4E8E0;
  --soft: #F5F7F0;
  --white: #FFFFFF;

  --primary-orange: var(--green);
  --secondary-blue: var(--green);
  --accent-orange: var(--lime);
  --bg-light: var(--soft);
  --text-dark: var(--ink);
  --text-muted: var(--muted);
  --blue: var(--dark);
  --blue-dark: var(--dark);
  --orange: var(--lime);
  --green-dark: var(--dark);
}

body {
  color: var(--ink);
  background-color: var(--white);
  background-image:
    radial-gradient(rgba(38, 102, 74, 0.03) 1.5px, transparent 1.5px),
    radial-gradient(rgba(217, 224, 33, 0.02) 1.5px, transparent 1.5px);
}

nav,
.topbar {
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 4px 20px rgba(38, 68, 56, 0.08);
  color: var(--dark);
}

nav .logo,
nav a,
.brand,
.nav-link {
  color: var(--dark);
}

.logo,
.brand {
  text-decoration: none;
}

.brand-logo {
  width: 138px;
  max-width: 36vw;
  height: auto;
  object-fit: contain;
  display: block;
}

.logo::after,
.brand::after {
  display: none;
}

nav a::after,
.nav-links a:hover,
.nav-links a.active {
  border-bottom-color: var(--lime);
  background-color: var(--lime);
}

.language-switch {
  border-color: var(--line);
  background: rgba(245, 247, 240, 0.82);
}

.language-switch button {
  color: var(--dark);
}

.language-switch button.active {
  background: var(--lime);
  color: var(--dark);
}

.hero {
  background-color: var(--dark);
  border-bottom-color: var(--lime);
}

.hero-slideshow::after {
  background:
    linear-gradient(90deg, rgba(38, 68, 56, 0.9) 0%, rgba(38, 68, 56, 0.7) 48%, rgba(38, 68, 56, 0.5) 100%),
    linear-gradient(180deg, rgba(38, 68, 56, 0.22), rgba(38, 68, 56, 0.74));
}

.topbar + .hero {
  background:
    linear-gradient(90deg, rgba(38, 68, 56, 0.94), rgba(38, 68, 56, 0.65), rgba(38, 68, 56, 0.32)),
    url("assets/images/Conférence ACSHR2024.jpg") center/cover no-repeat;
}

.hero p.theme,
.eyebrow {
  color: var(--lime);
}

.hero .details,
.eyebrow {
  border-color: rgba(217, 224, 33, 0.35);
  background: rgba(217, 224, 33, 0.1);
}

.btn {
  background-color: var(--lime);
  color: var(--dark);
  box-shadow: 0 10px 28px rgba(217, 224, 33, 0.28);
}

.btn:hover {
  background-color: #C8D21F;
  box-shadow: 0 14px 34px rgba(217, 224, 33, 0.42);
}

.btn-outline {
  border-color: currentColor;
}

.hero .btn-outline,
.cta-band .btn-outline {
  color: var(--lime);
  border-color: var(--lime);
  background: rgba(217, 224, 33, 0.08);
}

.hero .btn-outline:hover,
.cta-band .btn-outline:hover {
  background: var(--lime);
  color: var(--dark);
}

.section-title,
h2,
h3,
.registration-copy strong,
.form-field label,
.sponsor-argument h3,
.sponsor-tier h3,
.card h3 {
  color: var(--dark);
}

.section-title::after {
  background-color: var(--lime);
}

.bg-light-section,
.section-soft {
  background-color: var(--soft);
}

.bg-light-section {
  background-image:
    linear-gradient(rgba(228, 232, 224, 0.72) 1px, transparent 1px),
    linear-gradient(90deg, rgba(228, 232, 224, 0.72) 1px, transparent 1px);
}

.form-field input,
.form-field select,
.form-field textarea {
  border-color: var(--line);
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 4px rgba(38, 102, 74, 0.14);
}

.value-badge {
  background: rgba(38, 102, 74, 0.09);
  color: var(--green);
  border-color: rgba(38, 102, 74, 0.22);
}

.value-badge:hover {
  background: var(--green);
  color: var(--white);
  box-shadow: 0 5px 15px rgba(38, 102, 74, 0.28);
}

.card,
.panel,
.logo-item,
.sponsor-stat,
.sponsor-argument,
.sponsor-tier,
.sponsor-custom,
.sponsor-contact,
.abstract-form {
  border-color: rgba(228, 232, 224, 0.95);
  box-shadow: 0 12px 30px rgba(38, 68, 56, 0.06);
}

.card::before {
  background: linear-gradient(90deg, var(--green), var(--lime));
}

.card:hover,
.logo-item:hover,
.panel:hover {
  border-color: rgba(217, 224, 33, 0.55);
  box-shadow: 0 18px 34px rgba(38, 68, 56, 0.1);
}

.card i,
.sponsor-argument i,
.sponsor-email,
.deadline-item strong,
.numbered li::before {
  color: var(--green);
}

.card:hover i,
.social-links a:hover {
  color: var(--lime);
}

.tier-label,
.numbered li::before {
  background: var(--lime);
  color: var(--dark);
}

.deadline-strip {
  border-color: var(--line);
  background: var(--line);
}

.pill-list li:hover {
  border-color: rgba(217, 224, 33, 0.55);
  background: rgba(217, 224, 33, 0.08);
}

.checkbox-group input[type="checkbox"]:checked,
.consent-line input[type="checkbox"]:checked {
  accent-color: var(--green);
}

.cta-band {
  background: linear-gradient(135deg, var(--green), var(--dark));
}

footer {
  background-color: var(--dark);
  border-top-color: var(--lime);
}

@media (max-width: 680px) {
  .brand-logo {
    width: 126px;
    max-width: 48vw;
  }
}