/*
 * Studio Moderna - Design tokens : DELIMANO (orange)
 * The ONE brand where orange is legal. --brand carries the orange that paints
 * buttons/badges/surfaces; --heading uses the MUTED burnt-orange so heading
 * text holds on white instead of vibrating.
 * Values from Figma nodes 14:106 (header) + 218:2 (footer).
 */
:root{
	--font:'PT Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

	/* brand primary */
	--brand:#DD7225;         /* orange - buttons, badges, dark surfaces */
	--brand-700:#C15F18;     /* darker orange hover */
	--split-bg:#7A3B12;      /* full-bleed dark promo banner (sm-split default) - deep warm brown */
	--brand-tint:#FDF0E6;    /* pale orange wash - USP chip bg */

	/* heading role - muted burnt-orange (NOT the bright --brand) */
	--heading:#A14E0C;
	--card-title:#1A1A1A;   /* product-card title (black) */
	--card-price-ink:#1A1A1A;
	--cta:#FF6A2C;          /* filled add-to-cart orange (Delimano only) */
	/* product card */
	--card-radius:14px;
	--badge-radius:12px;
	--btn-bg:#FF6A2C;       /* solid orange filled */
	--btn-fg:#FFFFFF;
	--btn-border:#FF6A2C;
	--accent:transparent;

	/* shared accents */
	--sky-accent:#1E88E5;
	--sale:#E11D2E;
	--filter-clear:var(--cta);   /* clear-filters link - orange */
	--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:#F2DCC8;     /* warm tint of copyright text on orange bar */
	--copy-dim:#C9802E;
	--co-opt-bg:#F7F8FA;   /* selected payment/shipping option: very light grey (all brands) */

	/* footer (pixel-matched to Figma 218:2) */
	--footer-logo-h:45px;
	--footer-usp-border:#ECEFF3;
	--footer-usp-radius:14px;
	--footer-usp-shadow:0 6px 20px -2px rgba(0,15,46,.04);
	--footer-copy-bg:linear-gradient(90deg,#dd7225,#f68c3e);
	--pay-chip-r:6px;

	/* cart drawer */
	--cart-ship-bg:#f4f5f7;
	--cart-track:#dcefe3;
	--cart-bar:#f57f29;
	--cart-thumb-r:10px;
	--cart-qty-r:8px;
	--cart-cta-r:12px;
	--cart-qty-border:1px solid #d8dee6;
	--cart-ink:#1A1A1A;
	--cart-ship-hl:#F57F29;
	--cart-panel-r:0;
	--badge-bg:#F57F29;
	--btn-radius:12px;
	/* header (audited vs Figma 14:106) */
	--topbar-bg:linear-gradient(90deg,#dd7225,#f68c3e);
	--header-ink:#000000;
	--search-radius:6px;

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