/* ============================================================
   SID — Europe Chapter — brand theme  (PARENT-STYLED)
   Tenant: sid-europe   (sid-europe.codez.ninja)
   Child of: sid — inherits the parent SID identity (low autonomy)
   ============================================================ */

:root {
  /* Europe uses the parent SID palette almost entirely — it is a regional section of SID */
  --brand-primary:        #1D4F91;   /* SID corporate blue (same as parent) */
  --brand-primary-dark:   #143A6B;
  --brand-primary-light:  #E8EEF6;
  --brand-accent:         #1D4F91;   /* no separate accent — stays on-brand with parent */
  --brand-star:           #FFD24D;   /* subtle EU-stars gold, used sparingly */
  --brand-ink:            #1A2332;
  --brand-muted:          #5A6B7B;

  --header-bg:            #ffffff;
  --header-border:        #1D4F91;
  --link-color:           #1D4F91;
  --link-hover:           #143A6B;
  --button-bg:            #1D4F91;
  --button-text:          #ffffff;
}

/* Header — matches parent (deliberately) */
.site-header { background: var(--header-bg); border-bottom: 2px solid var(--brand-primary); }
.site-header .logo img { max-height: 38px; }

/* Hero — institutional Europe network map */
.hero {
  position: relative;
  background-image: url("../img/hero.jpg");
  background-size: cover;
  background-position: center;
  color: #ffffff;
}
.hero .hero-inner { position: relative; z-index: 2; }
.hero h1, .hero h2 { text-shadow: 0 2px 12px rgba(8,20,40,0.5); }
.hero .hero-rule { border-top: 4px solid var(--brand-star); }

/* Buttons — parent blue */
.btn-primary, .button-primary { background: var(--button-bg); color: var(--button-text); border: none; }
.btn-primary:hover, .button-primary:hover { background: var(--brand-primary-dark); }

a { color: var(--link-color); }
a:hover { color: var(--link-hover); }

.section-title { color: var(--brand-primary); border-bottom: 3px solid var(--brand-primary); }
.badge, .pill { background: var(--brand-primary-light); color: var(--brand-primary-dark); }

.site-footer { background: var(--brand-primary-dark); color: #cdd7e5; }
.site-footer .footer-accent { color: var(--brand-star); }