/* ========== ECOFORUM 2025 BRANDING STYLES (WEB-SAFE & GOOGLE FONTS) ========== */

/* -------- GOOGLE FONT IMPORTS -------- */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500;600&display=swap');

/* -------- COLOUR VARIABLES -------- */
:root {
  --eco-green: #719f3d;     /* Primary: R113 G159 B61 */
  --eco-grey: #616264;      /* Secondary: R97 G98 B100 */
  --eco-white: #ffffff;
}

/* -------- TYPOGRAPHY -------- */
body {
  font-family: 'Quicksand', sans-serif;
  color: var(--eco-grey);
  background-color: var(--eco-white);
  font-weight: 300;
  line-height: 1.8;
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  color: var(--eco-green);
  letter-spacing: 0.5px;
  margin-bottom: 0.5em;
}

h1 { font-size: 3rem; }
h2 { font-size: 2.4rem; }
h3 { font-size: 1.9rem; }
h4 { font-size: 1.6rem; }
h5 { font-size: 1.3rem; }
h6 { font-size: 1.1rem; }

p, li, label, span {
  font-family: 'Quicksand', sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  color: var(--eco-grey);
}

/* -------- BUTTONS -------- */
.btn-eco {
  background-color: var(--eco-white);
  color: var(--eco-grey);
  border: 2px solid var(--eco-grey);
  padding: 12px 28px;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 30px;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
}

.btn-eco:hover {
  background-color: var(--eco-grey);
  color: var(--eco-white);
}

/* -------- AGENDA -------- */

.agenda-container {
  max-width: 1600px;
  width: 100%;
}

/* -------- PRESENTATIONS -------- */
.presentation-box {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  padding: 20px;
  margin-bottom: 30px;
}

.presentation-box:first-of-type {
  margin-top: 40px; /* adds breathing room under summary */
}

.presentation-box .row:not(:first-of-type) {
  margin-top: 15px; /* reduce space between multiple speakers in same presentation */
}

/* -------- BACKGROUNDS -------- */
.bg-eco-green {
  background-color: var(--eco-green);
  color: var(--eco-white);
}

.bg-eco-grey {
  background-color: var(--eco-grey);
  color: var(--eco-white);
}

.bg-eco-gradient {
  background: linear-gradient(135deg, var(--eco-green), var(--eco-grey));
  color: var(--eco-white);
}