/*
 * SmokTek global styles (Phase 5.0)
 *
 * Brand colors for buttons/links/prices are handled by Shoptimizer's own
 * Customizer color options (see functions.php's shoptimizer_get_option_defaults
 * filter) — Shoptimizer generates that CSS itself from those settings, so it
 * is NOT duplicated here. This file covers what the Customizer color system
 * doesn't: typography and border-radius, using the tokens in tokens.css.
 */

/* Typography — match the live Shopify storefront's Inter typeface.
 * Same selector Shoptimizer itself uses (assets/css/main/main.css:154),
 * loaded after the parent stylesheet so this wins the cascade. */
body,
button,
input,
select,
textarea {
	font-family: var(--smoktek-font-body);
}

/* Radius — Shopify's flatter, tighter corners (5px buttons, 4px inputs)
 * vs. Shoptimizer's defaults (4px buttons, ~4.8px inputs). */
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.product .cart .single_add_to_cart_button {
	border-radius: var(--smoktek-radius-button);
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="url"],
select,
textarea {
	border-radius: var(--smoktek-radius-input);
}