/* Shared design tokens — same palette as somdoun-shop.html, kept in one
   place so the splash page and the shop always look like one brand. */
@font-face {
  font-family: 'MerloRounded';
  src: url('/Merlo Webfonts/Merlo-RoundMedium.woff2') format('woff2'),
       url('/Merlo Webfonts/Merlo-RoundMedium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:root {
  --dark:   #45433D;
  --ivory:  #EDE8DF;
  /* Splash page is dark-on-ivory (unlike the shop, which is ivory-on-dark),
     so --taupe/--border are tuned here for muted text/dividers over --dark. */
  --taupe:  rgba(237, 232, 223, 0.65);
  --gold:   #C8A96E;
  --wa:     #25D366;
  --save:   #1B7A3D;
  --border: rgba(237, 232, 223, 0.18);
  --font-logo:    'MerloRounded', 'Trebuchet MS', system-ui, sans-serif;
  --font-display: 'Playfair Display', Georgia, serif;
  --font-ui:      system-ui, -apple-system, 'Segoe UI', sans-serif;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  font-family: var(--font-ui);
  color: var(--ivory);
  background: var(--dark);
}
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}