/**
 * Colours and shared values of the shop, one set for every stylesheet of the child theme (style.css, the product
 * page, the side cart, the brand list, the product lists). Loaded on every page (functions.php), before them.
 * Fonts and base colours of the theme itself come from the Customizer.
 *
 * Contrast on white: --sz-ink 18.4:1, --sz-ink2 8.9:1, --sz-mute 6.1:1, --sz-out 6.8:1, --sz-accent-strong 4.8:1.
 * The accent of the logo (#e94b32) has 3.8:1, below 4.5:1 with white in both directions, so sale prices, sale
 * labels and the checkout button use its darker shade.
 */

:root {
	/* Brand */
	--sz-navy: #2b3a67;
	--sz-navy-dark: #22305a;
	--sz-accent: #e94b32;
	--sz-accent-strong: #d23a22;

	/* Text and lines */
	--sz-ink: #141414;
	--sz-ink2: #444a57;
	--sz-mute: #5b6270;
	--sz-line: #e6e8ee;

	/* Surfaces */
	--sz-bg2: #f5f6f9;
	--sz-chip: #eef1f7;
	--sz-photo: #f7f8fa;

	/* States */
	--sz-ok: #2e7d32;
	--sz-ok-ink: #1f5f24;
	--sz-ok-bg: #e3f2e5;
	--sz-ok-bg-soft: #eef7ef;
	--sz-warn: #b26a00;
	--sz-error: #b3261e;
	--sz-out: #8a4b00;
	--sz-out-dot: #d97706;
	--sz-neutral: #9aa1b1;

	/* Controls */
	--sz-field: #c9ced9;
	--sz-field-soft: #d5d9e2;
	--sz-check: #b9bfcc;
	--sz-track: #dfe3ec;
	--sz-focus: #2491ff;
	--sz-radius: 6px;
	--sz-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3a67' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}