/* Generated from THEME in src/config/shop.ts. Do not edit. */
@font-face { font-family: 'Manrope Variable'; font-style: normal; font-display: swap; font-weight: 200 800; src: url('/fonts/manrope-latin-wght-normal.woff2') format('woff2'); }
@font-face { font-family: 'Playfair Display Variable'; font-style: italic; font-display: swap; font-weight: 400 900; src: url('/fonts/playfair-display-latin-wght-italic.woff2') format('woff2'); }
:root {
  --ground: #18111a; --ground-2: #231a26; --ground-3: #100b11; --raise: #2f2433;
  --text: #f3edf4; --text-2: #baaebd; --text-3: #8d8190;
  --accent: #e6cf9c; --accent-hover: #f0e0bd; --on-accent: #1b1406;
  --ok: #8fd6a8; --warn: #f2c47a; --bad: #f08a8a;
  --line: color-mix(in srgb, #f3edf4 14%, transparent); --line-strong: color-mix(in srgb, #f3edf4 26%, transparent);
  --scrim: color-mix(in srgb, #100b11 86%, transparent);
  --font-body: 'Manrope Variable', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-editorial: 'Playfair Display Variable', Georgia, serif;
  --radius: 18px; --radius-sm: 10px; --radius-pill: 999px; --radius-xs: 4px;
  color-scheme: dark;
}
/* The second palette, for alternate sections. */
.light {
  --ground: #f7f3f6; --ground-2: #ece4ea; --ground-3: #fdfbfc; --raise: #e0d4dd;
  --text: #261a28; --text-2: #574a5a; --text-3: #6e6071;
  --accent: #6d2f7a; --accent-hover: #54225e; --on-accent: #fcf6fd;
  --ok: #2f7a4a; --warn: #8a5a00; --bad: #b3261e;
  --line: color-mix(in srgb, #261a28 14%, transparent); --line-strong: color-mix(in srgb, #261a28 26%, transparent);
  --scrim: color-mix(in srgb, #fdfbfc 86%, transparent);
  color-scheme: light; background: var(--ground); color: var(--text);
}