/**
 * Rocky design tokens (v1).
 *
 * Type scale: 3xs 7 / 2xs 9 / xs 12 / sm 13 / base 14 / md 16 / lg 24 / xl 28
 * (PDP caption ~12 / body 14 / subhead 16 / title 28).
 *
 * Primitives hold raw values. Semantic tokens alias primitives.
 * Layout tokens (--rocky-container-*, --rocky-product-aspect, --rocky-gallery-thumb-width)
 * live in style.css — do not duplicate here.
 *
 * Homepage-scoped: --rocky-hero-aspect, --rocky-promo-aspect, --rocky-carousel-*
 * stay on those components, not :root.
 */

:root {
	/* —— Primitive: type —— */
	--rocky-font-family: "SVN-Gilroy", system-ui, -apple-system, "Segoe UI", sans-serif;
	--rocky-font-size-3xs: 7px;
	--rocky-font-size-2xs: 9px;
	--rocky-font-size-xs: 12px;
	--rocky-font-size-sm: 13px;
	--rocky-font-size-base: 14px;
	--rocky-font-size-md: 16px;
	--rocky-font-size-lg: 24px;
	--rocky-font-size-xl: 28px;
	--rocky-font-weight-normal: 400;
	--rocky-font-weight-medium: 500;
	--rocky-font-weight-semibold: 600;
	--rocky-font-weight-bold: 700;
	--rocky-line-height-tight: 1.25;
	--rocky-line-height-body: 1.6;

	/* —— Primitive: color —— */
	--rocky-color-neutral-900: #111;
	--rocky-color-neutral-500: #6d6d6d;
	--rocky-color-neutral-0: #fff;
	--rocky-color-brand: #96588a;
	--rocky-color-sale: #c62828;
	--rocky-color-new: #1a3ba8;
	--rocky-color-success: #1b8a3e;

	/* —— Semantic: type —— */
	--rocky-font-size-caption: var(--rocky-font-size-xs);
	--rocky-font-size-body: var(--rocky-font-size-base);
	--rocky-font-size-subhead: var(--rocky-font-size-md);
	--rocky-font-size-title: var(--rocky-font-size-xl);
	--rocky-font-size-title-mobile: var(--rocky-font-size-lg);
	--rocky-font-size-product-card-title: var(--rocky-font-size-xs);
	--rocky-product-ribbon-font-size: var(--rocky-font-size-xs);

	/* —— Semantic: color —— */
	--rocky-color-text-primary: var(--rocky-color-neutral-900);
	--rocky-color-text-muted: var(--rocky-color-neutral-500);
	--rocky-color-text-on-dark: var(--rocky-color-neutral-0);
	--rocky-color-surface: var(--rocky-color-neutral-0);
	--rocky-color-accent: var(--rocky-color-brand);
	--rocky-color-badge-sale: var(--rocky-color-sale);
	--rocky-color-badge-new: var(--rocky-color-new);
	--rocky-color-stock-in: var(--rocky-color-success);
	--rocky-color-stock-out: var(--rocky-color-sale);
	--rocky-color-on-badge: var(--rocky-color-neutral-0);

	/* —— Semantic: product ribbon / gallery —— */
	--rocky-product-ribbon-corner-size: 5.25rem;
	--rocky-gallery-nav-size: 2.35rem;
}