/* Shared visual settings. Keep these independent of product data and behaviour. */
@font-face { font-family: 'Fraunces'; src: url('../assets/fonts/fraunces.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap; }
:root {
  color-scheme: light;
  --color-paper: #fffaf0;
  --color-ink: #271044;
  --color-muted: #695c72;
  --color-yellow: #ffe889;
  --color-blue: #abd6ef;
  --color-lavender: #d5b9ef;
  --color-coral: #ff6d5e;
  --color-line: #27104426;
  --color-button: var(--color-coral);
  --color-button-text: var(--color-ink);
  --font-heading: 'Fraunces', 'Cooper Black', Georgia, serif;
  --font-body: 'Trebuchet MS', Arial, sans-serif;
  --weight-heading: 800;
  --space-xs: .5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-section: clamp(2rem, 4vw, 4rem);
  --page-gutter: clamp(1.1rem, 3vw, 3rem);
  --content-width: 1440px;
  --radius-card: 1rem;
  --radius-button: 999px;
  --border-width: 1px;
  --transition-fast: 180ms;
}