/* 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: 'Fraunces Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url('/fonts/fraunces-latin-wght-normal.woff2') format('woff2'); }
:root {
  --ground: #141619; --ground-2: #1c1f23; --ground-3: #0e0f11; --raise: #272b30;
  --text: #f3ece0; --text-2: #d2c8b6; --text-3: #a89e8c;
  --accent: #c9a15b; --accent-hover: #dbb676; --on-accent: #17130a;
  --ok: #8fd6a8; --warn: #f2c47a; --bad: #f29a8f;
  --line: color-mix(in srgb, #f3ece0 14%, transparent); --line-strong: color-mix(in srgb, #f3ece0 26%, transparent);
  --scrim: color-mix(in srgb, #0e0f11 86%, transparent);
  --font-body: 'Hanken Grotesk Variable', 'Hanken Fallback', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-editorial: 'Fraunces Variable', 'Fraunces Fallback', Georgia, 'Times New Roman', serif;
  --radius: 4px; --radius-sm: 3px; --radius-pill: 3px; --radius-xs: 2px;
  color-scheme: dark;
}
/* The second palette, for alternate sections. */
.light {
  --ground: #f4eee3; --ground-2: #ebe3d4; --ground-3: #fbf8f2; --raise: #ddd2bf;
  --text: #17181b; --text-2: #3d3a34; --text-3: #5c564c;
  --accent: #6e4c1c; --accent-hover: #553a14; --on-accent: #fbf8f2;
  --ok: #2f7a4a; --warn: #7a5200; --bad: #b3261e;
  --line: color-mix(in srgb, #17181b 14%, transparent); --line-strong: color-mix(in srgb, #17181b 26%, transparent);
  --scrim: color-mix(in srgb, #fbf8f2 86%, transparent);
  color-scheme: light; background: var(--ground); color: var(--text);
}