/* ==========================================================================
   Vault Street — DESIGN TOKENS  ·  "crisp" editorial monochrome
   --------------------------------------------------------------------------
   The ONE file to rebrand the store: colours, fonts, spacing, borders.
   Everything else (main.css, template parts, Woo overrides) consumes these.
   Vault Street is strict black & white with a single "deal red" used only for
   CTAs, sale tags and structural rules — never as a glow.
   ========================================================================== */

:root {
	/* --- Brand palette --------------------------------------------------- */
	--vs-ink:        #0d0e10;   /* brand black / primary text */
	--vs-ink-soft:   #3a3f47;   /* secondary text */
	--vs-muted:      #7b818b;   /* mono meta, captions */
	--vs-line:       #d9d9dc;   /* hairline borders */
	--vs-rule:       #0d0e10;   /* structural black rule */
	--vs-surface:    #ffffff;   /* header, cards */
	--vs-canvas:     #f5f4f2;   /* page ground — faint warm neutral, chosen */
	--vs-tile:       #ecebe8;   /* product / category tile ground */
	--vs-black:      #0d0e10;   /* full black sections (hero, footer) */
	--vs-accent:     #e4002b;   /* deal red — CTAs, sale, rules */
	--vs-accent-ink: #ffffff;   /* text on red */
	--vs-primary:    #0d0e10;   /* primary buttons = brand black */
	--vs-primary-ink:#ffffff;
	--vs-sale:       #e4002b;
	--vs-success:    #1f7a4d;
	--vs-focus:      #e4002b;
	--vs-on-black:      #ffffff;
	--vs-on-black-soft: rgba(255,255,255,.62);
	--vs-line-black:    rgba(255,255,255,.16);

	/* --- Typography ------------------------------------------------------
	   Headings: heavy grotesque, uppercase, tight. Meta/prices: monospace,
	   for a retail-tag/receipt precision. Self-host "Anton"/"Archivo Expanded"
	   for the closest wordmark match and point --vs-font-head at it.
	   -------------------------------------------------------------------- */
	--vs-font-head: 'Helvetica Neue', 'Arial Narrow', 'Arial Black', 'Segoe UI', Arial, sans-serif;
	--vs-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--vs-font-mono: ui-monospace, 'SF Mono', 'Cascadia Code', 'Roboto Mono', Menlo, Consolas, monospace;

	--vs-head-weight: 800;

	--vs-fs-2xs: 0.72rem;
	--vs-fs-xs:  0.8125rem;
	--vs-fs-sm:  0.92rem;
	--vs-fs-md:  1rem;
	--vs-fs-lg:  1.2rem;
	--vs-fs-xl:  1.75rem;
	--vs-fs-2xl: clamp(1.7rem, 3.6vw, 2.5rem);
	--vs-fs-hero: clamp(2.9rem, 7.5vw, 5.6rem);

	/* --- Spacing (8px base) --------------------------------------------- */
	--vs-sp-1: 0.25rem;  --vs-sp-2: 0.5rem;  --vs-sp-3: 0.75rem;
	--vs-sp-4: 1rem;     --vs-sp-5: 1.5rem;  --vs-sp-6: 2rem;
	--vs-sp-7: 3rem;     --vs-sp-8: 4rem;    --vs-sp-9: 6rem;

	/* --- Layout ---------------------------------------------------------- */
	--vs-container: 1320px;
	--vs-container-wide: 1600px;
	--vs-gutter: clamp(1.1rem, 3.5vw, 2.5rem);

	/* --- Geometry: CRISP = hard edges, hairline rules ------------------- */
	--vs-radius: 0px;           /* square everything */
	--vs-border: 1px solid var(--vs-line);
	--vs-rule-w: 1.5px;         /* structural black rule weight */
	--vs-ease: cubic-bezier(.2,.7,.3,1);
	--vs-dur: .22s;

	/* --- Header ---------------------------------------------------------- */
	--vs-header-h: 72px;
	--vs-z-header: 1000;
	--vs-z-mega:   1010;
	--vs-z-drawer: 1100;
	--vs-tracking-caps: 0.14em;
}