/*
 * Studio Moderna - Design tokens : TOP SHOP (red)
 * Values from Figma nodes 14:195 (header) + 218:250 (footer).
 */
:root{
	--font:'PT Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

	/* brand primary */
	--brand:#EB2127;         /* red - buttons, badges, copyright bar */
	--brand-700:#C5121A;     /* darker red hover */
	--split-bg:#7A0F14;      /* full-bleed dark promo banner (sm-split default) - deep crimson */
	--brand-tint:#FDECEC;    /* pale red wash - USP chip bg */

	/* heading role - darker red for legibility on white */
	--heading:#B3121A;
	--card-title:#00285F;   /* product-card title is NAVY, not the red heading */
	--card-price-ink:#000000;  /* price/club5 are BLACK on TS, title stays navy */
	--cta:#EB2127;          /* CTA = brand red */
	/* product card */
	--card-radius:14px;
	--badge-radius:9px;
	--btn-bg:#FFFFFF;       /* ghost: white bg */
	--btn-fg:#EB2127;       /* red text */
	--btn-border:#EB2127;   /* red border */
	--accent:transparent;

	/* shared accents */
	--sky-accent:#1E88E5;
	--sale:#E11D2E;
	--filter-clear:var(--brand);   /* clear-filters link - red */
	--success:#1E9E5A;

	/* shared text */
	--ink:#1A1A1A;
	--home-heading:#1A1A1A;   /* homepage section titles + light-split heading - dark ink, all brands */
	--muted:#6B7280;

	/* shared surfaces */
	--surface:#FFFFFF;
	--bg:#F5F6F8;
	--line:#E5E7EB;

	/* shared chrome neutrals */
	--footer-link:#4E5763;
	--copy-link:#F4D3D3;     /* tint of copyright text on red bar */
	--copy-dim:#C85A5E;
	--co-opt-bg:#F7F8FA;   /* selected payment/shipping option: very light grey (all brands) */

	/* footer (Figma 218:250) - TS-specific radii + logo height */
	--footer-usp-radius:12px;             /* USP cards are rounded on TS */
	--footer-copy-radius:12px 12px 0 0;   /* copyright bar has rounded top corners */
	--footer-logo-h:30px;                 /* TS wordmark height in footer */

	/* cart drawer */
	--cart-ship-bg:#f4f5f7;
	--cart-track:#e4e7ec;
	--cart-bar:var(--brand);
	--cart-thumb-r:10px;
	--cart-qty-r:90px;
	--cart-cta-r:11px;
	--cart-qty-border:1px solid #d8dee6;
	--cart-ink:#1A1A1A;
	--cart-ship-hl:#EB2127;
	--cart-panel-r:12px;
	--badge-bg:var(--brand);
	--btn-radius:10px;
	/* header (audited vs Figma 14:195) */
	--topbar-bg:linear-gradient(90deg,#d41e23,#eb2127);
	--header-ink:#000000;
	--search-radius:4px;

	/* club5 tooltip (Figma 630:32) - white bg + light border per brand direction.
	   Title navy to mirror TS card split (title navy, price/club5 black). */
	--tip-bg:#FFFFFF;
	--tip-ink:#00285F;
	--tip-body:var(--muted);
	--tip-chip-bg:var(--bg);
	--tip-chip-ink:var(--ink);
	--tip-border:var(--line);
	--tip-arrow:#FFFFFF;
	--tip-shadow:0 10px 24px rgba(0,15,46,.14);
	--tip-radius:calc(var(--card-radius) * .5);
}