/* ── RESET ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── DESIGN TOKENS ── */
:root {
  --cream: #f9f6f1;
  --ink: #1a1815;
  --ink-soft: #5a5650;
  --ink-muted: #9a9490;
  --accent: #c8a96e;
  --accent-dark: #a8894e;
  --border: rgba(26,24,21,0.1);
  --card-bg: #ffffff;
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --transition: 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ── LOGO ── */
.logo {
  font-family: var(--font-display);
  font-size: 1.35rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: var(--ink);
  text-decoration: none;
}

.logo span { color: var(--accent); }

.logo-sub {
  font-family: var(--font-body);
  font-size: 0.55rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-muted);
  vertical-align: sub;
  margin-left: 0.35rem;
}