/**
 * Design Tokens & CSS Custom Properties Bridge
 *
 * Implements authoritative tokens from MP-WEB-UIUX v1.1.
 * GAP-25 remains OPEN: Token hex values are strictly preserved.
 * AD-18 is applied: Contrast-safe text/background pairings are established.
 *
 * @package Meet_Partner_Theme
 * @since 1.0.0
 */

:root {
	/* Authoritative Colors (MP-WEB-UIUX v1.1) */
	--mpt-color-primary-bg: #0a0f1c;
	--mpt-color-secondary-bg: #111a2c;
	--mpt-color-tertiary-bg: #1b2740;
	--mpt-color-light-bg: #f1f3f6;
	--mpt-color-footer-bg: #070a12;
	--mpt-color-primary: #ff6a1f;
	--mpt-color-primary-hover: #c9531a;
	--mpt-color-primary-hover-accessible: #b84300;
	--mpt-color-secondary: #3e7bfa;
	--mpt-color-heading: #10151f;
	--mpt-color-body: #5b6472;
	--mpt-color-muted: #8a93a6;
	--mpt-color-white: #ffffff;

	/* Semantic Functional Pairings (AD-18 Enforced) */
	--mpt-dark-text-primary: var(--mpt-color-white);
	--mpt-dark-text-secondary: var(--mpt-color-muted);
	--mpt-dark-border: var(--mpt-color-tertiary-bg);

	--mpt-light-text-primary: var(--mpt-color-heading);
	--mpt-light-text-secondary: var(--mpt-color-body);
	--mpt-light-border: #d8dde6;

	/* Button Safe Pairings (GAP-25 Approved Remediations) */
	--mpt-btn-primary-bg: var(--mpt-color-primary);
	--mpt-btn-primary-text: var(--mpt-color-primary-bg);
	--mpt-btn-primary-hover-bg: var(--mpt-color-primary-hover-accessible);
	--mpt-btn-primary-hover-text: var(--mpt-color-white);

	--mpt-btn-secondary-bg: var(--mpt-color-secondary-bg);
	--mpt-btn-secondary-text: var(--mpt-color-white);
	--mpt-btn-secondary-border: var(--mpt-color-tertiary-bg);

	/* Secondary Badge Pairings (GAP-25 Approved Remediations) */
	--mpt-badge-secondary-bg: var(--mpt-color-secondary);
	--mpt-badge-secondary-text: var(--mpt-color-primary-bg);

	/* Typography */
	--mpt-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--mpt-font-size-xs: 0.75rem;
	--mpt-font-size-sm: 0.875rem;
	--mpt-font-size-base: 1rem;
	--mpt-font-size-md: 1.125rem;
	--mpt-font-size-lg: 1.25rem;
	--mpt-font-size-xl: 1.5rem;
	--mpt-font-size-2xl: 2rem;
	--mpt-font-size-3xl: 2.5rem;
	--mpt-font-size-4xl: 3.5rem;

	--mpt-font-weight-regular: 400;
	--mpt-font-weight-medium: 500;
	--mpt-font-weight-semibold: 600;
	--mpt-font-weight-bold: 700;

	--mpt-line-height-tight: 1.2;
	--mpt-line-height-normal: 1.6;

	/* Layout & Spacing */
	--mpt-container-max: 1400px;
	--mpt-container-content: 1200px;
	--mpt-grid-columns: 12;
	--mpt-grid-gap: 24px;

	--mpt-spacing-xs: 4px;
	--mpt-spacing-sm: 8px;
	--mpt-spacing-md: 16px;
	--mpt-spacing-lg: 24px;
	--mpt-spacing-xl: 32px;
	--mpt-spacing-2xl: 48px;
	--mpt-spacing-3xl: 64px;
	--mpt-spacing-section: 80px;

	/* Component Geometry */
	--mpt-radius-button: 8px;
	--mpt-radius-card: 12px;
	--mpt-radius-pill: 9999px;

	/* Elevation / Shadows */
	--mpt-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.15);
	--mpt-shadow-card: 0 8px 24px rgba(0, 0, 0, 0.25);
	--mpt-shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.35);

	/* Transitions */
	--mpt-transition-fast: 150ms ease;
	--mpt-transition-base: 250ms ease;
}

@media (max-width: 992px) {
	:root {
		--mpt-spacing-section: 64px;
		--mpt-font-size-4xl: 2.75rem;
		--mpt-font-size-3xl: 2rem;
	}
}

@media (max-width: 576px) {
	:root {
		--mpt-spacing-section: 48px;
		--mpt-font-size-4xl: 2.25rem;
		--mpt-font-size-3xl: 1.75rem;
		--mpt-grid-gap: 16px;
	}
}