/*
 * Shipitall tokens, from the Shipitall design system. The site follows the browser's light or
 * dark mode; there is no manual switch.
 */
@font-face { font-family: Geist; src: url("../fonts/Geist-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("../fonts/GeistMono-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
	--brand-orange: #e8590c;
	--space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-12: 48px;
	--radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-pill: 999px;
	--size-tap: 44px; --size-header: 64px; --size-content: 1320px;
	--font-sans: Geist, system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-mono: "Geist Mono", ui-monospace, Menlo, monospace;
	--ease: cubic-bezier(.16, 1, .3, 1);

	--surface: #fafaf8; --surface-raised: #fff; --surface-sunken: #f2f1ee; --surface-inverse: #1d2125;
	--ink: #1d2125; --ink-muted: #5c6166; --ink-subtle: #8a8f94; --ink-inverse: #f2f1ee;
	--line: #e4e2de; --line-strong: #8a8f94;
	--accent: #c64c0a; --accent-hover: #a83f07; --on-accent: #fff; --accent-soft: #fdeee5;
	--success: #1c7a4a; --success-soft: #e6f4ec; --warning: #8a5a00; --warning-soft: #fbf1dc; --danger: #b42318; --danger-soft: #fbe9e7;
	--verified: #1d2125; --on-verified: #fff; --rating: #c64c0a; --scrim: rgba(29, 33, 37, .48);
	--band: #1d2125; --band-line: #1d2125; --on-band: #f2f1ee; --on-band-muted: #a3a8ad;
	--shadow-card-hover: 0 8px 24px -12px rgba(29, 33, 37, .18);
	/* Product photo well: a light neutral square that supplier photos (mostly white JPGs) multiply into. */
	--media: #f4f3f0;
	/* 0.3.0 merchandising: highlighted listings and the second band tone. */
	--accent-line: #f3c3a6; --feat-bg: #fff8f3; --band-2: #262b30;
	--shadow-pop: 0 16px 40px -16px rgba(29, 33, 37, .28);
	color-scheme: light;
}

@media (prefers-color-scheme: dark) {
	:root {
		--surface: #141618; --surface-raised: #1d2125; --surface-sunken: #0f1113; --surface-inverse: #f2f1ee;
		--ink: #f2f1ee; --ink-muted: #a3a8ad; --ink-subtle: #6f757b; --ink-inverse: #1d2125;
		--line: #2c3136; --line-strong: #6f757b;
		--accent: #f0702a; --accent-hover: #f48a4e; --on-accent: #1d2125; --accent-soft: #33221a;
		--success: #4cc38a; --success-soft: #14291e; --warning: #f5b544; --warning-soft: #2e2412; --danger: #f97066; --danger-soft: #2e1615;
		--verified: #f2f1ee; --on-verified: #1d2125; --rating: #f0702a; --scrim: rgba(0, 0, 0, .6);
		--band: #0b0d0e; --band-line: #2c3136; --on-band: #f2f1ee; --on-band-muted: #a3a8ad;
		--shadow-card-hover: 0 8px 24px -12px rgba(0, 0, 0, .6);
		--media: #e7e6e2;
		--accent-line: #6b3a1f; --feat-bg: #241a14; --band-2: #16191c;
		--shadow-pop: 0 16px 40px -16px rgba(0, 0, 0, .7);
		color-scheme: dark;
	}
}