/* Generated from THEME in src/config/shop.ts. Do not edit. */
@font-face { font-family: 'Hanken Grotesk Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url('/fonts/hanken-grotesk-latin-wght-normal.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Variable'; font-style: italic; font-display: swap; font-weight: 300 700; src: url('/fonts/cormorant-latin-wght-italic.woff2') format('woff2'); }
:root {
  --ground: #141414; --ground-2: #1f1f1f; --ground-3: #0a0a0a; --raise: #292929;
  --text: #ededed; --text-2: #ababab; --text-3: #7f7f7f;
  --accent: #d9c47e; --accent-hover: #e8d9a4; --on-accent: #131209;
  --ok: #8fd6a8; --warn: #f2c47a; --bad: #f08a8a;
  --line: color-mix(in srgb, #ededed 14%, transparent); --line-strong: color-mix(in srgb, #ededed 26%, transparent);
  --scrim: color-mix(in srgb, #0a0a0a 86%, transparent);
  --font-body: 'Hanken Grotesk Variable', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-editorial: 'Cormorant Variable', Georgia, serif;
  --radius: 0px; --radius-sm: 0px; --radius-pill: 0px; --radius-xs: 0px;
  color-scheme: dark;
}
/* The second palette, for alternate sections. */
.light {
  --ground: #f7f5f0; --ground-2: #eceade; --ground-3: #fefdfa; --raise: #e3e0d2;
  --text: #23261f; --text-2: #535a4a; --text-3: #6d7462;
  --accent: #4e6b2e; --accent-hover: #3b5321; --on-accent: #fbfdf7;
  --ok: #2f7a4a; --warn: #8a5a00; --bad: #b3261e;
  --line: color-mix(in srgb, #23261f 14%, transparent); --line-strong: color-mix(in srgb, #23261f 26%, transparent);
  --scrim: color-mix(in srgb, #fefdfa 86%, transparent);
  color-scheme: light; background: var(--ground); color: var(--text);
}