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

/* -------- COLOUR VARIABLES -------- */
:root {
  --ALGA-orange: #D45C34;     /* Primary: R212 G92 B52 */
  --ALGA-grey: #616264;      /* Secondary: R97 G98 B100 */
  --ALGA-white: #ffffff;
}

/* -------- TYPOGRAPHY -------- */
body {
  font-family: 'Quicksand', sans-serif;
  color: var(--ALGA-grey);
  background-color: var(--ALGA-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(--ALGA-orange);
  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(--ALGA-grey);
}

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

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

.agenda-container table th:first-child,
.agenda-container table td:first-child {
  width: 30% !important;
  min-width: 30% !important;
}

.agenda-container table th:nth-child(2),
.agenda-container table td:nth-child(2) {
  width: 70% !important;
  min-width: 70% !important;
}

/* -------- 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-ALGA-orange {
  background-color: var(--ALGA-orange);
  color: var(--ALGA-white);
}

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

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