/* CS-Con26 — Poppins-First Stylesheet */

:root {
  /* Navy */
  --navy-50:  #eef0f7;
  --navy-800: #0f1239;
  --navy-900: #0a0c26;

  /* Primary Gold (Bronze) */
  --gold-50:  #fbf7f2;
  --gold-100: #f4e8da;
  --gold-200: #e9d3b8;
  --gold-300: #ddb895;
  --gold-400: #d19a72;
  --gold-500: #c07939;
  --gold-600: #a9662e;
  --gold-700: #915d31;
  --gold-800: #73451f;
  --gold-900: #5a3618;

  /* Orange Accent */
  --orange-50:  #fdf4ea;
  --orange-100: #fbe6cc;
  --orange-400: #ef9536;
  --orange-500: #e87500;
  --orange-600: #c66300;

  /* Teal Links */
  --teal-500: #16867d;

  /* Neutrals */
  --white:        #FFFFFF;
  --light-gray:   #ECE7E8;
  --section-bg:   #F7F7F8;
  --body-text:    #3A3B4C;

  --bg-hero: #0F1239;
  --bg-dark: #0F1239;
  --text-dark: #0F1239;
  --text-muted: #3A3B4C;
  --border-light: #ECE7E8;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  font-family: 'Poppins', system-ui, -apple-system, sans-serif;
  background-color: var(--white);
  color: var(--body-text);
  margin: 0;
  padding: 0;
  font-feature-settings: 'kern', 'liga';
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', system-ui, sans-serif;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: var(--navy-800);
}

a {
  color: var(--teal-500);
  text-decoration: none;
  transition: color 0.15s ease;
}

a:hover {
  color: var(--gold-600);
}

/* Desktop Nav Links — underline slide effect */
.nav-link {
  position: relative;
  color: #3A3B4C;
  transition: color 0.2s ease;
}

.nav-link::after {
  content: '';
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 6px;
  height: 2px;
  background-color: #C07939;
  border-radius: 9999px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}

.nav-link:hover {
  color: #C07939;
}

.nav-link:hover::after {
  transform: scaleX(1);
}

/* Mobile Menu Links */
.mobile-link {
  -webkit-tap-highlight-color: transparent;
}

/* Eventer Hero Dark Theme */
.eventer-hero-bg {
  background-color: var(--navy-800);
  background-image: radial-gradient(circle at 80% 20%, rgba(192, 121, 57, 0.12) 0%, transparent 40%),
                    radial-gradient(circle at 20% 80%, rgba(22, 134, 125, 0.1) 0%, transparent 40%);
}

/* Speaker Card Color Tints */
.speaker-card-1 { background-color: #1B3A4B; }
.speaker-card-2 { background-color: #C07939; }
.speaker-card-3 { background-color: #16867D; }
.speaker-card-4 { background-color: #0F1239; }

/* Custom Tab Panes */
.tab-pane {
  display: none;
}

.tab-pane.active {
  display: block;
  animation: fadeIn 0.25s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
