/*
 * Studio Moderna - Design tokens : ROVUS (charcoal)
 * Warm-charcoal primary, neutral-grey tint (not a brand hue), near-black
 * headings. Rovus also has a lime signature (#B7D700) used on the cart accent
 * bar and footer top-line - that lives in chrome via --brand-tint? No: lime is
 * a one-off accent, exposed as --accent for the few rules that need it.
 * Values from Figma nodes 14:284 (header) + 218:126 (footer) + 75:2 (cart).
 */
:root{
	--font:'PT Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

	/* brand primary */
	--brand:#231F20;         /* warm charcoal - buttons, badges, surfaces */
	--brand-700:#000000;     /* black hover */
	--split-bg:#1A1A1A;      /* full-bleed dark promo banner (sm-split default) - charcoal */
	--brand-tint:#F1F2F4;    /* neutral grey wash - USP chip bg (no brand hue) */

	/* heading role - near-black */
	--heading:#1A1A1A;
	--card-title:#231F20;   /* product-card title (charcoal) */
	--card-price-ink:#231F20;
	--cta:#231F20;          /* CTA = brand charcoal */
	/* product card (button hidden via .sm-brand-rovus rule) */
	--card-radius:0;
	--badge-radius:0;
	--btn-bg:#231F20;
	--btn-fg:#FFFFFF;
	--btn-border:#231F20;

	/* Rovus-only lime signature (cart accent bar, footer top-line).
	   Other brands don't define --accent; the rules that use it are Rovus-gated
	   or fall back gracefully. */
	--accent:#B7D700;

	/* shared accents */
	--sky-accent:#1E88E5;
	--sale:#E11D2E;
	--filter-clear:var(--brand);   /* clear-filters link - charcoal */
	--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:#DEE0E4;     /* tint of copyright text on charcoal bar */
	--copy-dim:#4A4A4A;

	/* footer (Figma 218:126) - Rovus specifics: lime top line, squared
	   social/icon/pay chips, lighter card border, 30px logo. Colours (headings,
	   tint, copy) already resolve from the tokens above. */
	--footer-top-border:3px solid var(--accent);   /* lime signature line */
	--footer-soc-radius:2px;
	--footer-usp-border:#ECEFF3;
	--footer-usp-ic-radius:2px;
	--footer-logo-h:30px;
	--pay-chip-r:2px;

	/* cart drawer */
	--cart-ship-bg:rgba(35,31,32,.07);
	--cart-track:#e6ecc4;
	--cart-bar:#b7d700;
	--cart-thumb-r:0;
	--cart-qty-r:0;
	--cart-cta-r:0;
	--cart-qty-border:none;
	--cart-ink:#231F20;
	--cart-ship-hl:#6E8B00;
	--cart-panel-r:0;
	--cart-track-r:0;      /* square progress bar, matching Rovus's square cart */
	--co-opt-bg:#F7F8FA;   /* selected payment/shipping option: very light grey (not the heavier tint) */
	--badge-bg:var(--brand);
	--btn-radius:0;
	/* header (audited vs Figma 14:284) */
	--topbar-bg:#231F20;
	--header-ink:#231F20;
	--search-radius:2px;

	/* club5 tooltip (Figma 630:32) - white bg + light border per brand direction */
	--tip-bg:#FFFFFF;
	--tip-ink:var(--brand);
	--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);
}