/* 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: 'Archivo Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url('/fonts/archivo-latin-wght-normal.woff2') format('woff2'); }
:root {
  --ground: #141210; --ground-2: #1d1a17; --ground-3: #0d0c0a; --raise: #2a2622;
  --text: #f4efe7; --text-2: #bdb4a8; --text-3: #a39a8e;
  --accent: #f07a6b; --accent-hover: #f6998d; --on-accent: #1a0906;
  --ok: #8fd6a8; --warn: #f2c47a; --bad: #f39a8e;
  --line: color-mix(in srgb, #f4efe7 14%, transparent); --line-strong: color-mix(in srgb, #f4efe7 26%, transparent);
  --scrim: color-mix(in srgb, #0d0c0a 86%, transparent);
  --font-body: 'Hanken Grotesk Variable', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-editorial: 'Archivo Variable', 'Arial Narrow', Arial, sans-serif;
  --radius: 14px; --radius-sm: 8px; --radius-pill: 999px; --radius-xs: 3px;
  color-scheme: dark;
}
/* The second palette, for alternate sections. */
.light {
  --ground: #f5f1ea; --ground-2: #ebe4d8; --ground-3: #fffdf9; --raise: #ded5c5;
  --text: #17140f; --text-2: #463f36; --text-3: #564e44;
  --accent: #a3241b; --accent-hover: #821a13; --on-accent: #fffaf5;
  --ok: #2f6f45; --warn: #7a5000; --bad: #9b1c1c;
  --line: color-mix(in srgb, #17140f 14%, transparent); --line-strong: color-mix(in srgb, #17140f 26%, transparent);
  --scrim: color-mix(in srgb, #fffdf9 86%, transparent);
  color-scheme: light; background: var(--ground); color: var(--text);
}