@import url("navbar.css");
@import url("hero.css");
@import url("innovations.css");
@import url("innovators.css");
@import url("exhibitors.css");
@import url("footer.css");
@import url("innovation-categories.css");
@import url("success_stories.css");
@import url("pages/attendee-overview.css");
@import url("pages/success_stories_page.css");
@import url("pages/video-gallery.css");
@import url("pages/photo-gallery.css");
@import url("pages/sponsor-opportunities.css");
@import url("pages/pr-opportunities.css");
@import url("pages/registration-info.css");

:root {
  /* ===== Brand Colors ===== */
--color-primary: #47b749;
  --color-primary-dark: #3a943a;
  --color-gradient-primary: linear-gradient(135deg, #47b749, #10b981);

.text-primary-gradient {
  background: var(--color-gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.btn-xxl {
  padding: 1rem 3rem !important;
  font-size: 1.25rem !important;
}
  --color-secondary: #0F172A;
  --color-accent: #64748B;

  /* ===== Bootstrap Overrides ===== */
  --bs-primary: var(--color-primary);
  --bs-body-color: var(--color-secondary);
  --bs-link-color: var(--color-primary);
  --bs-link-hover-color: #47b749;

  /* ===== Backgrounds ===== */
  --color-bg-main: #F8FAFC;
  --color-bg-surface: #FFFFFF;
  --color-bg-muted: #F1F5F9;

  /* ===== Borders & Dividers ===== */
  --color-border: #E2E8F0;



  /* ===== Text ===== */
  --color-text-primary: #0F172A;
  --color-text-secondary: #475569;
  --color-text-muted: #94A3B8;

  /* ===== Status (Subtle) ===== */
  --color-success: #16A34A;
  --color-warning: #CA8A04;
  --color-error: #B91C1C;
  --color-info: #47b749;

  /* ===== UI States ===== */
  --color-hover: #E0E7FF;
  --color-focus: #C7D2FE;
}

/* ===== Global Button Utilities ===== */
.btn-rounded {
  border-radius: 50px !important;
  padding: 0.6rem 2rem;
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

.btn-normal {
  border-radius: 8px !important;
  padding: 0.5rem 1.25rem;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}
.btn-normal:hover {
  background-color: var(--color-primary);
  color: #fff;
}

/* Shared View Profile Button */
.btn-view-profile {
  width: 100%;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  transition: all 0.3s ease;
}

.btn-view-profile:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: white;
}

/* Smooth scrolling globally */
html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}