/**
 * Signs of Metal 1.7.0 — Warm Ivory / Charcoal / Metallic Copper.
 * All surfaces consume these custom properties; do not scatter hex in modules.
 */

@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/plus-jakarta-sans-latin-400-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/plus-jakarta-sans-latin-500-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/plus-jakarta-sans-latin-600-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/plus-jakarta-sans-latin-700-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: Outfit;
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/outfit-latin-500-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: Outfit;
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/outfit-latin-600-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: Outfit;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/outfit-latin-700-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	/* Brand roles (1.6.0) */
	--som-ivory: #faf8f4; /* Warm Ivory — page bg */
	--som-charcoal: #222426; /* Charcoal — text / buttons / chrome */
	--som-copper: #b87333; /* Metallic Copper — ~5% accent */
	--som-card: #ffffff; /* White — product / elevated cards */
	--som-stone: #e8e4de; /* Soft Stone — borders */
	--som-slate: #667085; /* Slate — secondary text */

	/* Mapped semantic tokens (consumed by all modules) */
	--som-ink: var(--som-charcoal);
	--som-ink-2: #2e3236;
	--som-ink-muted: var(--som-slate);
	--som-faint: #7a8494;
	--som-bg: var(--som-ivory);
	--som-bg-elevated: var(--som-card);
	--som-bg-muted: #f3efe8;
	--som-panel: var(--som-card);
	--som-warm: #f3efe8;
	--som-line: var(--som-stone);
	--som-line-strong: #d6d0c7;
	--som-border: var(--som-stone);

	/* Primary actions = charcoal; copper reserved for sparse accents */
	--som-accent: var(--som-charcoal);
	--som-accent-strong: #151719;
	--som-accent-soft: #f3ebe1;
	--som-copper-strong: #9a5f28;
	--som-copper-soft: #f5ede4;
	--som-teal: #5c6b6a;
	--som-metal: #8a8680;
	--som-sale: var(--som-copper);
	--som-focus: var(--som-copper);
	--som-danger: #8b2e2e;
	--som-success: #3d6b4f;
	--som-on-accent: #faf8f4;
	--som-on-dark: #e8e4de;
	--som-on-dark-strong: #ffffff;

	--som-radius-sm: 4px;
	--som-radius: 6px;
	--som-radius-lg: 10px;
	--som-measure: 1120px;
	--som-cart-measure: 1120px;
	--som-checkout-measure: 1120px;
	--som-checkout-form: #fffcf7; /* warm paper — form column */
	--som-checkout-summary: #e8e1d6; /* stone — cart column */
	--som-prose: 720px;
	--som-gutter: 1.25rem;
	--som-section-y: 3.25rem;
	--som-text-xs: 0.75rem;
	--som-text-sm: 0.875rem;
	--som-text-base: 1.0625rem;
	--som-text-lg: 1.125rem;
	--som-text-xl: 1.5rem;
	--som-text-2xl: 2rem;
	--som-display-xl: clamp(1.7rem, 1.15rem + 1.6vw, 2.35rem);
	--som-display-lg: clamp(1.55rem, 1.1rem + 1.25vw, 2.05rem);
	--som-display-md: clamp(1.3rem, 1.05rem + 0.7vw, 1.55rem);
	--som-display-lh: 1.18;
	--som-display-gap: 1.15rem;
	--som-font-display: "Outfit", "Plus Jakarta Sans", sans-serif;
	--som-font-body: "Plus Jakarta Sans", "Segoe UI", sans-serif;
	--som-shadow: 0 18px 42px rgba(34, 36, 38, 0.09);
	--som-shadow-sm: 0 2px 6px rgba(34, 36, 38, 0.05);
	--som-shadow-md: 0 10px 28px rgba(34, 36, 38, 0.08);
	--som-shadow-accent: 0 10px 24px rgba(34, 36, 38, 0.2);
	--som-shadow-copper: 0 12px 30px color-mix(in srgb, var(--som-copper) 22%, transparent);
	--som-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--som-motion: 280ms;
	--som-motion-slow: 700ms;

	/* Gateway brand (not theme accent — leave PayPal/Card chrome alone) */
	--som-paypal: #ffc439;
	--som-paypal-hover: #f2b830;
	--som-card-cta: #2c2e2f;
	--som-card-cta-hover: #1f2122;

	/* Shared logo defaults (Customizer overrides via #som-logo-vars) */
	--som-logo-width-desktop: 200px;
	--som-logo-width-tablet: 172px;
	--som-logo-width-mobile: 148px;
	--som-logo-height-max: 44px;
	--som-logo-bg: transparent;
	--som-logo-container-max: 260px;
	--som-logo-padding: 0px;
	--som-logo-align: flex-start;
}

@media (min-width: 64rem) {
	:root {
		--som-gutter: 1.25rem;
	}
}