@import url('https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@500;600&family=Quicksand:wght@400;500;600&display=swap');

:root{
  --paper: #f4f0e6;
  --paper-dark: #ece5d5;
  --card-paper: #fdf9f6;
  --ink: #2a241d;
  --ink-soft: #6b6355;
  --line: #d8cfba;
  --gold: #a98d4e;
}

*{ box-sizing: border-box; }

html, body{
  margin:0;
  min-height:100vh;
  background: var(--paper);
  color: var(--ink);
  font-family: 'Quicksand', sans-serif;
}

h1, h2, h3, .display{
  font-family: 'Cormorant SC', serif;
  font-weight: 600;
  letter-spacing: 0.02em;
}

a{ color: inherit; }

.stage{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding: 6vh 6vw;
  text-align:center;
  gap: 28px;
}

.eyebrow{
  font-family:'Quicksand', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.28em;
  font-size: 12px;
  color: var(--ink-soft);
}

.btn{
  font-family:'Quicksand', sans-serif;
  font-weight:600;
  letter-spacing:0.04em;
  background: var(--ink);
  color: var(--paper);
  border:none;
  padding: 14px 30px;
  border-radius: 2px;
  cursor:pointer;
  font-size:14px;
  text-transform:uppercase;
  transition: opacity .2s ease, transform .2s ease;
}
.btn:hover{ opacity:.85; transform: translateY(-1px); }
.btn:disabled{ opacity:.35; cursor:not-allowed; transform:none; }

.btn.ghost{
  background:transparent;
  color: var(--ink);
  border: 1px solid var(--ink);
}

.fade-in{ animation: fadeIn 1s ease both; }
@keyframes fadeIn{ from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:translateY(0);} }