/* The homepage palette is the source of truth for public content surfaces only. */
:is(.homepage-design, .public-design) {
  --home-paper: #fff9e8; --home-tint: #f7efd5; --home-surface: #f4ecd8; --home-ink: #292f29;
  --home-muted: #60665b; --home-line: #e4dcc3; --home-gold: #79643e;
  --home-serif: Georgia, 'Times New Roman', serif;
  --home-sans: Inter, 'Segoe UI', system-ui, sans-serif;
  --brand-content-width: 1320px; --brand-section-space: 64px;
  --brand-radius: 2px; --brand-shadow: 0 2px 8px rgb(41 47 41 / 3%);
}
@media (max-width: 1000px) { :is(.homepage-design, .public-design) { --brand-section-space: 52px; } }
@media (max-width: 600px) { :is(.homepage-design, .public-design) { --brand-section-space: 40px; } }