:root{
  --bg: #ffffff;
  --text: #222;
  --accent: #b8860b; /* gold */
  --accent-2: #0b64a6; /* blue */
  --muted: #666;
  --max-width: 900px;
  --padding: 1rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* [data-theme="gold-blue"] {
  --accent: #b8860b;
  --accent-2: #0b64a6;
  --bg: #fffdfa;
} */

[data-theme="sepia-teal"] {
  --accent: #8b5e3c;
  --accent-2: #2a8f8f;
  --bg: #fbf6f0;
}

/* [data-theme="mono"] {
  --accent: #444;
  --accent-2: #777;
  --bg: #ffffff;
} */

*{box-sizing:border-box}
body{
  margin:0;
  color:var(--text);
  background:var(--bg);
  line-height:1.5;
}

.main-nav {
  position: absolute;
  top: 20px;
  right: 20px;
}

.main-nav a {
  margin-left: 15px;
  font-size: 1.1rem;
  color: var(--accent-2);
  text-decoration: none;
  font-weight: 600;
}

.main-nav a:hover {
  text-decoration: underline;
}


.site-header{
  padding:var(--padding);
  border-bottom:4px solid var(--accent);
}
.site-header.small { border-bottom-width:2px; }
.title{ margin:0; font-size:1.6rem; color:var(--accent-2);}
.subtitle{ margin:0; color:var(--muted);}

.container{ max-width:var(--max-width); margin:1.2rem auto; padding:0 var(--padding);}

.hero{ display:grid; grid-template-columns: 1fr; gap:1rem; align-items:center; }
@media(min-width:800px){ .hero{ grid-template-columns: 1fr 1fr; } }

.hero-img{ width:100%; height:300px; object-fit:cover; border-radius:8px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }
.hero-text h2{ margin-top:0; color:var(--accent-2); }

.btn{ display:inline-block; padding:.6rem 1rem; background:var(--accent); color:#fff; text-decoration:none; border-radius:6px; margin-top:.5rem; }
.btn-outline{ background:transparent; color:var(--accent); border:1px solid var(--accent); }

.summary ul{ padding-left:1.1rem; }
.images-row{ display:flex; gap:.6rem; margin-top:1rem; }
.images-row img{ width:100%; height:120px; object-fit:cover; border-radius:6px; flex:1 1 0; }

.form-page label{ display:block; margin-bottom:.8rem; font-size:.95rem; }
.form-page input[type="text"], .form-page input[type="email"], .form-page textarea, .form-page select{
  width:100%; padding:.6rem; border:1px solid #ddd; border-radius:6px;
}

.person-photo{ max-width:320px; width:100%; height:auto; display:block; margin-top:1rem; border-radius:6px; }

.theme-switcher{ margin-top:8px; }
.theme-switcher button{ margin-right:6px; padding:.25rem .5rem; border-radius:6px; border:1px solid #ddd; background:#fff; cursor:pointer; }

.back{ display:inline-block; margin-bottom:1rem; color:var(--accent-2); }

footer.site-footer{ text-align:center; color:var(--muted); margin:2rem 0; }


/* Title + subtitle styling */
.title {
  text-align: center;
  font-size: 5rem; /* ~5x larger than before */
  font-weight: 700;
  margin: 0.5rem 0;
  color: var(--accent-2);
}

.subtitle {
  text-align: center;
  font-size: 1.8rem; /* bigger than default */
  margin: 0;
  color: var(--muted);
}

.images-row img {
  width:100%;
  height:120px;
  object-fit:cover;
  border-radius:6px;
  flex:1 1 0;
}

/* //////////////////////////////////////////////////// */
/* STYLE FOR LIST OF PEOPLE */
.people-list {
  margin-top: 2rem;
}

.people-list ul {
  list-style: none;
  padding: 0;
}

.people-list li {
  padding: 6px 0;
  font-size: 1.2rem;
}

.people-list a {
  text-decoration: none;
  color: var(--accent);
}

.people-list a:hover {
  text-decoration: underline;
}