/*
Theme Name: Vendora Child
Theme URI: http://vendora.novaworks.net
Description: AYCEE Builder storefront: marketplace header, dynamic homepage and brand styling on top of Vendora.
Author: AYCEE Builder
Template: vendora
Version: 2.0.0
*/

/* Brand fonts, self-hosted (assets/fonts). */
@font-face {
	font-family: "Manrope";
	src: url("assets/fonts/manrope-var.woff2") format("woff2");
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Inter";
	src: url("assets/fonts/inter-var.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

/* Design tokens: AYCEE Builder Site design system. */
:root {
	--ayc-bg: #FFFFFF;
	--ayc-surface: #F2F4F4;
	--ayc-tint: #EEF8F7;
	--ayc-ink: #1F2933;
	--ayc-muted: #5B6770;
	--ayc-accent: #19C3B1;
	--ayc-accent-hover: #15A595;
	--ayc-teal: #087F7A;
	--ayc-teal-deep: #066662;
	--ayc-teal-night: #054F4C;
	--ayc-border: #E5E7EB;
	--ayc-on-dark-muted: #AEE0DC;
	--ayc-star: #F5A524;

	--ayc-font-head: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
	--ayc-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

	--ayc-r-sm: 6px;
	--ayc-r-md: 12px;
	--ayc-r-lg: 24px;
	--ayc-shadow: 0 1px 2px rgba(8, 127, 122, .05), 0 4px 12px -2px rgba(8, 127, 122, .08);
	--ayc-shadow-hover: 0 4px 8px rgba(8, 127, 122, .06), 0 18px 32px -10px rgba(8, 127, 122, .22);
	--ayc-wrap: 1418px;

	/* Theme variables, so Vendora's own components use the brand fonts. */
	--site-main-font: var(--ayc-font-body);
	--site-secondary-font: var(--ayc-font-head);
}

body.ayc-store {
	font-family: var(--ayc-font-body);
	color: var(--ayc-ink);
	-webkit-font-smoothing: antialiased;
}
body.ayc-store :where(h1, h2, h3, h4, h5, h6) {
	font-family: var(--ayc-font-head);
	color: var(--ayc-ink);
	letter-spacing: -0.015em;
}