/* Friendship Festival — Girlguiding brand theming */

:root {
  /* Master Girlguiding theme — default when no section active */
  --section-bg:        #161b4e;  /* Girlguiding Blue */
  --section-on-bg:     #ffffff;
  --section-accent:    #44bdee;  /* Girlguiding Bright Blue */
  --section-accent-2:  #007bc4;  /* Girlguiding Bold Blue */
  --section-logo:      url('../img/GirlguidingWhite.png');

  --gg-blue:    #161b4e;
  --gg-bold:    #007bc4;
  --gg-bright:  #44bdee;
  --gg-black:   #1d1d1b;
  --gg-white:   #ffffff;
}

body[data-section="rainbows"] {
  --section-bg:       #96d3f5;
  --section-on-bg:    #161b4e;
  --section-accent:   #e1120e;
  --section-accent-2: #ffe500;
  --section-logo:     url('../img/Rainbows.png');
}

body[data-section="brownies"] {
  --section-bg:       #ffc80a;
  --section-on-bg:    #603d33;
  --section-accent:   #ef7b00;
  --section-accent-2: #44bdee;
  --section-logo:     url('../img/Brownies.png');
}

body[data-section="guides"] {
  --section-bg:       #173a86;
  --section-on-bg:    #ffffff;
  --section-accent:   #b7e2fa;
  --section-accent-2: #00a469;
  --section-logo:     url('../img/Guides.png');
}

body[data-section="rangers"] {
  --section-bg:       #54184a;
  --section-on-bg:    #ffffff;
  --section-accent:   #fbdfe7;
  --section-accent-2: #4ea5dc;
  --section-logo:     url('../img/Rangers.png');
}

html, body {
  font-family: 'Poppins', 'Century Gothic', system-ui, sans-serif;
  background: #f7f7fa;
  color: var(--gg-black);
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

a, .accent-text { color: var(--section-accent-2); }

.top-bar {
  background: var(--section-bg);
  color: var(--section-on-bg);
}

.top-bar a { color: var(--section-on-bg); text-decoration: none; }

.brand-logo {
  width: 88px; height: 88px;
  background: var(--section-logo) no-repeat center / contain;
  flex-shrink: 0;
  border-radius: 6px;
}
@media (min-width: 640px) {
  .brand-logo { width: 104px; height: 104px; }
}

.brand-logo-fallback {
  font-weight: 700; font-size: 1.1rem;
  color: var(--section-on-bg);
}

.cta {
  background: var(--section-accent);
  color: var(--section-on-bg);
  border: 0;
}

.nudge {
  font-family: 'Zilla Slab', Georgia, serif;
  font-weight: 500;
  border-left: 4px solid var(--section-accent);
  background: rgba(255,255,255,0.85);
}

.section-card-rainbows  { background: #96d3f5; color: #161b4e; }
.section-card-brownies  { background: #ffc80a; color: #603d33; }
.section-card-guides    { background: #173a86; color: #ffffff; }
.section-card-rangers   { background: #54184a; color: #ffffff; }