/* styles.css — shared across all Book of Hosts pages */
:root {
  --teal: #0E2E30;
  --black: #1B1B18;
  --gold: #C9932F;
  --plum: #342048;
  --plum-dark: #2B1A3A;
  --cream: #EDE9DC;
  --muted: #B8CFCB;
  --plum-muted: #C7B9D8;
  --leaf: #4A6B3E;
  --dark-green: #06402B;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--black);
  font-family: 'Cardo', serif;
  color: var(--cream);
}
h1, h2, h3 { font-family: 'Fraunces', serif; font-weight: 500; margin: 0; }
nav { background: var(--black); padding: 16px 24px; display: flex; justify-content: space-between; align-items: center; }
nav .brand { font-family: 'Fraunces', serif; font-size: 18px; color: var(--gold); text-decoration: none; }
nav .links a { font-size: 13px; color: #D8D5CA; text-decoration: none; margin-left: 18px; }
nav .links a:hover { color: var(--gold); }

.hero { background: var(--teal); padding: 90px 24px; text-align: center; }
.hero h1 { font-size: 34px; color: var(--gold); margin: 0 0 12px; }
.hero p { font-size: 15px; color: var(--muted); max-width: 460px; margin: 0 auto 22px; line-height: 1.6; }
.cta { display: inline-block; border: 0.5px solid var(--gold); border-radius: 6px; padding: 11px 24px; color: var(--gold); cursor: pointer; font-size: 13px; text-decoration: none; }

.section { padding: 44px 24px; }
.section-title { font-size: 20px; color: var(--gold); margin-bottom: 14px; text-align: center; }

.footer { background: var(--black); padding: 28px 24px; text-align: center; }
.footer p { font-size: 12px; color: #8A877D; margin: 0; }

/* Packages */
.tier-list { max-width: 480px; margin: 0 auto; display: flex; flex-direction: column; gap: 10px; }
.tier { border-radius: 10px; padding: 16px 20px; display: flex; justify-content: space-between; align-items: center; }
.tier span.name { font-family: 'Fraunces', serif; font-size: 15px; color: var(--cream); }
.tier span.action { font-size: 11px; color: #9A968A; }

/* Our story / legacy */
.story-section { padding: 44px 24px; }
.story-section .story-title { font-family: 'Cormorant Garamond', serif; font-weight: 500; text-align: center; margin-bottom: 14px; }
.story-section p { max-width: 460px; margin: 0 auto; line-height: 1.8; text-align: left; }

/* Freelance / contact */
.app-card { border: 0.5px solid var(--gold); border-radius: 10px; padding: 16px 20px; margin-bottom: 10px; }
.app-card .title { font-family: 'Fraunces', serif; font-size: 14px; color: var(--cream); margin-bottom: 4px; }
.app-card .detail { font-size: 11px; color: #9A968A; }