/**
 * StitchPress store skin: The Hat Store by Cypress.
 *
 * Token values only (docs/SKIN-TOKENS.md, "The Hat Store skin"), taken from the
 * Hat Store theme's :root (code/theme/hatstore/style.css lines 18-50). This file
 * redeclares custom properties on the designer's three roots and nothing else:
 * no component selectors, no @font-face, no font files (fonts are named; the
 * theme loads Inter and Archivo itself).
 *
 * Contrast (computed): ink #15181e on white 17.78:1; muted #5d6878 5.65:1;
 * accent-ink #876520 5.37:1 on white, 4.89:1 on cream; navy-900 on gold 7.27:1;
 * white on navy-800 14.97:1. Gold #c8a24a is a FILL colour (2.41:1 as text):
 * text that wants the accent uses --stp-accent-ink.
 */
.stp-capture,
.stp-capture-launcher,
.stp-cart-edit {
	--stp-accent: #c8a24a;
	--stp-accent-contrast: #0d1a2b;
	--stp-accent-ink: #876520;
	--stp-chrome-bg: #13283f;
	--stp-chrome-ink: #ffffff;
	--stp-ink: #15181e;
	--stp-ink-muted: #5d6878;
	--stp-surface: #ffffff;
	--stp-surface-alt: #f8f4ec;
	--stp-border: #e4ddcf;
	--stp-border-strong: #5d6878;
	--stp-success: #2e7d52;
	--stp-danger: #b3261e;
	--stp-notice: #7a5200;
	--stp-canvas-bg: #ffffff;
	--stp-focus: 0 0 0 3px rgba( 200, 162, 74, 0.45 );
	/*
	 * Washes derived from the fills above. The neutral defaults are the blue
	 * accent, the slate chrome and the default green, which would otherwise show
	 * under a gold border on a filled zone and a selected option.
	 */
	--stp-accent-tint-06: rgba( 200, 162, 74, 0.06 );
	--stp-accent-tint-14: rgba( 200, 162, 74, 0.14 );
	--stp-chrome-fade: rgba( 19, 40, 63, 0 );
	--stp-success-08: rgba( 46, 125, 82, 0.08 );
	--stp-success-30: rgba( 46, 125, 82, 0.3 );
	--stp-radius-sm: 9px;
	--stp-radius: 9px;
	--stp-radius-lg: 14px;
	--stp-radius-card: 14px;
	--stp-gap-sm: 8px;
	--stp-gap: 16px;
	--stp-handle-hit: 44px;
	--stp-font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--stp-font-display: "Archivo", "Arial Narrow", sans-serif;
}