/* The Carry-On Edit — brand layer.
   Overrides the design tokens defined in /_shared/base.css. */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600&display=swap');

:root {
  --color-bg: #fafaf7;
  --color-ink: #1a2238;
  --color-accent: #c26a4a;

  --font-display: 'Fraunces', 'DM Serif Display', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Tighten Fraunces a bit for editorial feel */
h1,
h2,
h3,
.wordmark,
.cta-pullout p,
.article-dek,
.hero p,
.article-card .card-title {
  font-variation-settings: 'opsz' 96;
  letter-spacing: -0.015em;
}

/* Wordmark looks more refined with slightly larger optical size */
.wordmark {
  font-weight: 500;
  font-size: 1.5rem;
}

@media (min-width: 720px) {
  .wordmark {
    font-size: 1.625rem;
  }
}