/**
 * Allure 2.0 semantic design tokens — CMS3A foundation.
 *
 * Evidence sources:
 * - accepted homepage reference composition (`style.css`, lines 6324–6363)
 * - accepted treatment/editorial variables (`style.css`, lines 5024–5173 and 5359–5855)
 * - accepted commerce/transaction variables (`style.css`, lines 4189–4192 and 4336–4340)
 * - accepted navigation and page patterns (`style.css`, lines 5960–6387)
 * - docs/DESIGN_AND_UX_PRINCIPLES.md and docs/ALLURE_COMPONENT_CONTRACTS.md
 *
 * These names are new and intentionally have no existing production consumer.
 * Introducing them therefore cannot restyle a current component. Future
 * component packages consume them through an approved component contract.
 */

:root {
	/* Typography: Butler/Georgia display and Open Sans body recur across accepted surfaces. */
	--allure-ds-font-display: Butler, Georgia, serif;
	--allure-ds-font-body: "Open Sans Regular", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--allure-ds-font-size-display: clamp(3rem, 8vw, 6.5rem);
	--allure-ds-font-size-h1: clamp(3rem, 7vw, 6rem);
	--allure-ds-font-size-h2: clamp(2.2rem, 4.5vw, 4.25rem);
	--allure-ds-font-size-h3: clamp(1.35rem, 2vw, 1.8rem);
	--allure-ds-font-size-lead: 1.125rem;
	--allure-ds-font-size-body: 1rem;
	--allure-ds-font-size-small: 0.875rem;
	--allure-ds-font-size-meta: 0.75rem;
	--allure-ds-line-height-heading: 1.08;
	--allure-ds-line-height-body: 1.65;
	--allure-ds-letter-spacing-heading: -0.025em;
	--allure-ds-letter-spacing-meta: 0.13em;

	/* Primitive rhythm: values repeat across approved homepage, editorial and Woo surfaces. */
	--allure-ds-space-1: 0.25rem;
	--allure-ds-space-2: 0.5rem;
	--allure-ds-space-3: 0.75rem;
	--allure-ds-space-4: 1rem;
	--allure-ds-space-5: 1.25rem;
	--allure-ds-space-6: 1.5rem;
	--allure-ds-space-8: 2rem;
	--allure-ds-space-10: 2.5rem;
	--allure-ds-space-14: 3.5rem;
	--allure-ds-space-20: 5rem;
	--allure-ds-space-32: 8rem;
	--allure-ds-section-none: 0;
	--allure-ds-section-compact: clamp(2.5rem, 6vw, 5rem);
	--allure-ds-section-standard: clamp(3.5rem, 8vw, 8rem);
	--allure-ds-stack-compact: var(--allure-ds-space-2);
	--allure-ds-stack-standard: var(--allure-ds-space-4);
	--allure-ds-stack-spacious: var(--allure-ds-space-8);
	--allure-ds-cluster-gap: var(--allure-ds-space-3);
	--allure-ds-inset-standard: var(--allure-ds-space-5);

	/* Containers and grids: accepted reading, editorial and commerce widths. */
	--allure-ds-gutter: clamp(1.25rem, 7vw, 9rem);
	--allure-ds-container-narrow: 34rem;
	--allure-ds-container-content: 48rem;
	--allure-ds-container-wide: 72rem;
	--allure-ds-container-commerce: 77.5rem;
	--allure-ds-grid-gap-compact: 1rem;
	--allure-ds-grid-gap-standard: clamp(1.5rem, 4vw, 4rem);

	/* Surfaces, text and interaction roles from accepted Allure 2.0 patterns. */
	--allure-ds-color-ink: #32302c;
	--allure-ds-color-text: #404040;
	--allure-ds-color-text-muted: #6d665d;
	--allure-ds-color-text-inverse: #ffffff;
	--allure-ds-color-surface: #ffffff;
	--allure-ds-color-surface-warm: #f8f3ed;
	--allure-ds-color-surface-muted: #f4eee7;
	--allure-ds-color-surface-contrast: #32302c;
	--allure-ds-color-line: #d8d0c5;
	--allure-ds-color-accent: #76573f;
	--allure-ds-color-accent-soft: #d7b795;
	--allure-ds-color-focus: #9a7351;

	/* CTA roles retain the accepted square, high-contrast Allure treatment. */
	--allure-ds-button-primary-background: var(--allure-ds-color-ink);
	--allure-ds-button-primary-text: var(--allure-ds-color-text-inverse);
	--allure-ds-button-secondary-background: transparent;
	--allure-ds-button-secondary-text: var(--allure-ds-color-ink);
	--allure-ds-button-border: var(--allure-ds-color-ink);
	--allure-ds-button-hover: var(--allure-ds-color-accent);
	--allure-ds-button-min-height: 3rem;
	--allure-ds-button-padding-block: 0.75rem;
	--allure-ds-button-padding-inline: 1.15rem;
	--allure-ds-cta-text-color: var(--allure-ds-color-accent);
	--allure-ds-cta-text-decoration: underline;
	--allure-ds-radius-control: 0;
	--allure-ds-radius-card: 0;
	--allure-ds-border-width: 1px;

	/* Reference values for contracts/documentation; media queries use literal values. */
	--allure-ds-breakpoint-compact: 30rem;
	--allure-ds-breakpoint-medium: 48rem;
	--allure-ds-breakpoint-navigation: 68.75rem;
	--allure-ds-breakpoint-wide: 75rem;
}

/* Non-customer-facing proof fixture. No current template emits this selector. */
[data-allure-component="allure/foundation-proof"] {
	max-width: var(--allure-ds-container-content);
	padding: var(--allure-ds-inset-standard);
	background: var(--allure-ds-color-surface);
	color: var(--allure-ds-color-text);
	font-family: var(--allure-ds-font-body);
}

[data-allure-component="allure/foundation-proof"].allure-foundation-proof--muted {
	background: var(--allure-ds-color-surface-muted);
}
