/* Generated from THEME in src/config/shop.ts. Do not edit. */
@font-face { font-family: 'Sora Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url('/fonts/sora-latin-wght-normal.woff2') format('woff2'); }
@font-face { font-family: 'EB Garamond Variable'; font-style: italic; font-display: swap; font-weight: 400 800; src: url('/fonts/eb-garamond-latin-wght-italic.woff2') format('woff2'); }
:root {
  --ground: #121517; --ground-2: #1b2023; --ground-3: #0b0d0e; --raise: #252b2f;
  --text: #ecf1f2; --text-2: #a8b3b6; --text-3: #7c878a;
  --accent: #5ec7bd; --accent-hover: #86d9d1; --on-accent: #04201d;
  --ok: #8fd6a8; --warn: #f2c47a; --bad: #f08a8a;
  --line: color-mix(in srgb, #ecf1f2 14%, transparent); --line-strong: color-mix(in srgb, #ecf1f2 26%, transparent);
  --scrim: color-mix(in srgb, #0b0d0e 86%, transparent);
  --font-body: 'Sora Variable', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-editorial: 'EB Garamond 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: #f2f5f5; --ground-2: #e3eaea; --ground-3: #fbfdfd; --raise: #d5dfdf;
  --text: #172022; --text-2: #475557; --text-3: #5f6d6f;
  --accent: #0f6e67; --accent-hover: #0a544e; --on-accent: #f2fbfa;
  --ok: #2f7a4a; --warn: #8a5a00; --bad: #b3261e;
  --line: color-mix(in srgb, #172022 14%, transparent); --line-strong: color-mix(in srgb, #172022 26%, transparent);
  --scrim: color-mix(in srgb, #fbfdfd 86%, transparent);
  color-scheme: light; background: var(--ground); color: var(--text);
}