:root {
	/* Colors: frozen handoff values supplied in the Phase 01 brief. */
	--scc-color-white: #FFFFFF;
	--scc-color-ink: #151515;
	--scc-color-muted: #666666;
	--scc-color-subtle: #969696;
	--scc-color-line: #E8E8E8;
	--scc-color-border: #DADADA;

	/* Spacing scale: frozen normalized system. */
	--scc-space-0: 0;
	--scc-space-1: 4px;
	--scc-space-2: 8px;
	--scc-space-3: 12px;
	--scc-space-4: 16px;
	--scc-space-5: 20px;
	--scc-space-6: 24px;
	--scc-space-7: 32px;
	--scc-space-8: 40px;
	--scc-space-9: 48px;
	--scc-space-10: 64px;

	/* Container foundation. */
	--scc-container-max: 1264px;
	--scc-container-gutter: clamp(var(--scc-space-4), 4vw, var(--scc-space-5));

	/* Typography family: REQUIRES IMPLEMENTATION CALIBRATION. */
	--scc-font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	/* Sizes normalized conservatively from frozen handoff ranges (rem at 16px root). */
	/* Display/H2 values remain provisional; responsive breakpoint calibration is deferred. */
	--scc-type-display-size: clamp(2.5rem, 7vw, 4.5rem); /* REQUIRES IMPLEMENTATION CALIBRATION */
	--scc-type-display-line-height: 1; /* REQUIRES IMPLEMENTATION CALIBRATION */
	--scc-type-h1-mobile-size: 1.5rem; /* Normalized: 24px, approved 24-26px. */
	--scc-type-h1-desktop-size: 1.75rem; /* Normalized: 28px, approved 28-30px. */
	--scc-type-h1-size: var(--scc-type-h1-mobile-size);
	--scc-type-h1-line-height: 1.05; /* REQUIRES IMPLEMENTATION CALIBRATION */
	--scc-type-h2-size: clamp(1.75rem, 4vw, 2.75rem); /* REQUIRES IMPLEMENTATION CALIBRATION */
	--scc-type-h2-line-height: 1.1; /* REQUIRES IMPLEMENTATION CALIBRATION */
	--scc-type-h3-size: 1.125rem; /* Normalized: 18px, approved 18-20px. */
	--scc-type-h3-line-height: 1.2; /* REQUIRES IMPLEMENTATION CALIBRATION */
	--scc-type-h4-size: 1rem; /* Frozen: 16px. */
	--scc-type-h4-line-height: 1.25; /* REQUIRES IMPLEMENTATION CALIBRATION */
	--scc-type-body-large-size: 0.875rem; /* Normalized: 14px, approved 14-16px. */
	--scc-type-body-large-line-height: 1.55; /* REQUIRES IMPLEMENTATION CALIBRATION */
	--scc-type-body-size: 0.8125rem; /* Normalized: 13px, approved 13-14px. */
	--scc-type-body-line-height: 1.5;
	--scc-type-body-small-size: 0.6875rem; /* Normalized: 11px, approved 11-12px. */
	--scc-type-body-small-line-height: 1.45; /* REQUIRES IMPLEMENTATION CALIBRATION */
	--scc-type-label-size: 0.625rem; /* Normalized: 10px, approved 10-11px. */
	--scc-type-label-line-height: 1.3; /* REQUIRES IMPLEMENTATION CALIBRATION */
	--scc-type-button-size: 0.75rem; /* Normalized: 12px, approved 12-13px. */
	--scc-type-button-line-height: 1.2; /* REQUIRES IMPLEMENTATION CALIBRATION */
	--scc-type-price-large-size: 1.25rem; /* Normalized: 20px, approved 20-24px. */
	--scc-type-price-standard-size: 0.75rem; /* Normalized: 12px, approved 12-14px. */
	--scc-type-metadata-size: 0.5625rem; /* Normalized: 9px, approved 9-11px. */
	--scc-type-breadcrumb-size: 0.625rem; /* Normalized: 10px, approved 10-12px. */
	--scc-type-form-label-size: 0.625rem; /* Normalized: approximately 10px. */
	--scc-type-form-help-size: 0.625rem; /* Normalized help/error: approximately 10px. */

	/* Control and media primitives. */
	--scc-control-radius: 4px;
	--scc-control-min-target: 44px;
	--scc-focus-ring-width: 2px;
	--scc-focus-ring-offset: 2px;
	--scc-card-media-radius: 0; /* REQUIRES IMPLEMENTATION CALIBRATION */
	--scc-product-card-image-ratio: 1 / 1; /* REQUIRES IMPLEMENTATION CALIBRATION */

	/* Motion architecture: values are intentionally inert until calibrated. */
	--scc-motion-duration-fast: 0ms; /* REQUIRES IMPLEMENTATION CALIBRATION */
	--scc-motion-duration-standard: 0ms; /* REQUIRES IMPLEMENTATION CALIBRATION */
	--scc-motion-ease-standard: linear; /* REQUIRES IMPLEMENTATION CALIBRATION */

	/* State architecture: semantic success/warning colors require calibration. */
	--scc-state-disabled-opacity: 0.5;
	--scc-state-loading-opacity: 0.65;
}
