/* ============================================================
   DTA STOREFRONT — brand token layer (fallback values).

   Scoped to .dta-storefront so the plugin renders standalone AND inside a
   themed Launch page. In production the `decor-to-adore` Launch preset
   supplies the same --shell-* names at :root; these values keep the
   customer-facing storefront on-brand regardless. The component CSS
   (dta-storefront.css) consumes ONLY var(--shell-*)/var(--proto-*) — never
   a hardcoded brand hex — so the palette can be re-pointed here (or by the
   preset) in one place.

   Values mirror the approved prototype's brand-dta.css. Squared UI:
   --proto-radius is forced to 0 (suite-wide rule — no border-radius).
   ============================================================ */
.dta-storefront {
	/* ---- palette (SSLA --shell-* vocabulary) ---- */
	--shell-bg:                 #FDF9F5;
	--shell-surface-light:      #FFFFFF;
	--shell-surface-warm:       #F5EFE7;
	--shell-surface-card:       #F7F1EA;
	--shell-surface-dark:       #2F4D6A;
	--shell-text-dark:          #2A3C53;
	--shell-text-body:          #4B5E71;
	--shell-text-muted:         #8A97A5;
	--shell-text-inverted:      #FFFFFF;
	--shell-accent:             #2F4D6A;
	--shell-accent-hover:       #3E6284;
	--shell-accent-2:           #8FB58A;
	--shell-accent-3:           #6F8A5C;
	--shell-accent-on-dark:     #D9B25F;
	--shell-hairline:           rgba(21,32,43,.12);

	/* ---- type ---- */
	--shell-font-family-heading: "Playfair Display", Georgia, serif;
	--shell-font-family-body:    "Montserrat", system-ui, sans-serif;
	--shell-h1-size:             clamp(2rem, 4.5vw, 3.1rem);
	--shell-h2-size:             clamp(1.5rem, 2.7vw, 2rem);
	--shell-h1-letter-spacing:   .005em;
	--shell-h2-letter-spacing:   .005em;
	--shell-eyebrow-size:        .66rem;
	--shell-eyebrow-letter-spacing: .20em;

	/* ---- layout ---- */
	--shell-content-max-width:        1200px;
	--shell-text-max-width:           42ch;
	--shell-section-padding-y-standard: clamp(3.5rem, 7vw, 6rem);
	--shell-section-padding-y-compact:  clamp(3rem, 6vw, 4.5rem);
	--shell-grid-gap-standard:         2.25rem;
	--shell-card-padding:              1.15rem;

	/* ---- prototype-only (--proto-*) ---- */
	--proto-fs-body: .93rem;  --proto-fs-small: .78rem;  --proto-fs-lead: 1.1rem;
	--proto-fs-nav: .70rem;   --proto-fs-chip: .68rem;   --proto-fs-card: 1.14rem;
	--proto-fw-body: 300;     --proto-fw-heading: 500;   --proto-fw-card: 500;
	--proto-tt-heading: none; --proto-tt-nav: uppercase;  --proto-tt-card: none;
	--proto-ls-card: .01em;   --proto-lh-heading: 1.1;
	--proto-gutter: 2.25rem;
	--proto-radius: 0px;                       /* squared — no border-radius */
	--proto-btn-pad: .8rem 1.7rem;
	--proto-chip-pad: .55rem 1.15rem;
	--proto-btn-bg: transparent; --proto-btn-fg: var(--shell-accent); --proto-btn-bdr: var(--shell-accent);
	--proto-card-min: 250px;  --proto-card-ratio: 3 / 4;
	--proto-card-bdr: 1px solid var(--shell-hairline);
	--proto-card-zoom: 1.04;
	--proto-ease: cubic-bezier(.25,.8,.35,1);
	--proto-flag-bg: rgba(255,255,255,.92); --proto-flag-fg: var(--shell-accent);
	--proto-font-card: "Playfair Display", Georgia, serif;
	--proto-detail-cols: 1fr 1fr;
	--proto-fs-brand: 1.9rem;
}