/* Generated from THEME in src/config/shop.ts. Do not edit. */
@font-face { font-family: 'Outfit Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url('/fonts/outfit-latin-wght-normal.woff2') format('woff2'); }
@font-face { font-family: 'Lora Variable'; font-style: italic; font-display: swap; font-weight: 400 700; src: url('/fonts/lora-latin-wght-italic.woff2') format('woff2'); }
:root {
  --ground: #1a0f10; --ground-2: #261718; --ground-3: #120a0b; --raise: #321f20;
  --text: #f4ecea; --text-2: #c1aeab; --text-3: #937f7c;
  --accent: #e0b9a4; --accent-hover: #ecd1c2; --on-accent: #1c0f09;
  --ok: #8fd6a8; --warn: #f2c47a; --bad: #f08a8a;
  --line: color-mix(in srgb, #f4ecea 14%, transparent); --line-strong: color-mix(in srgb, #f4ecea 26%, transparent);
  --scrim: color-mix(in srgb, #120a0b 86%, transparent);
  --font-body: 'Outfit Variable', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-editorial: 'Lora 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: #f7f2ee; --ground-2: #ede3dc; --ground-3: #fdfaf8; --raise: #e2d4ca;
  --text: #2a1718; --text-2: #5c4546; --text-3: #735c5c;
  --accent: #8e2c32; --accent-hover: #6f2026; --on-accent: #fdf6f6;
  --ok: #2f7a4a; --warn: #8a5a00; --bad: #b3261e;
  --line: color-mix(in srgb, #2a1718 14%, transparent); --line-strong: color-mix(in srgb, #2a1718 26%, transparent);
  --scrim: color-mix(in srgb, #fdfaf8 86%, transparent);
  color-scheme: light; background: var(--ground); color: var(--text);
}