/*
 * PF tokens.css — GENERATED by themes-build/bin/build-tokens.js. DO NOT EDIT BY HAND.
 * Token contract version: 1. Source: themes-build/tokens.json.
 * Build-time only — no Node at runtime. Cascade base layer (Blueprint §7.3):
 * base (here) -> theme preset -> tenant brand (pf-themes injects AFTER this) -> section override.
 */

:root {
	--pf-dir-start: right;
	--pf-dir-end: left;

	/* color — light scheme (default) */
	--pf-color-surface: #ffffff;
	--pf-color-surface-raised: #f4f6f7;
	--pf-color-on-surface: #13201d;
	--pf-color-primary: #0c6157;
	--pf-color-on-primary: #ffffff;
	--pf-color-accent: #8a5a16;
	--pf-color-on-accent: #ffffff;
	--pf-color-success: #1d6b3a;
	--pf-color-warning: #8a5a00;
	--pf-color-danger: #b3261e;
	--pf-color-muted: #5b6a66;
	--pf-color-border: #7d8b86;

	/* typography */
	--pf-font-arabic: "IBM Plex Sans Arabic", "Noto Kufi Arabic", "Tajawal", "Segoe UI", system-ui, -apple-system, sans-serif;
	--pf-font-latin: "IBM Plex Sans Arabic", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
	--pf-font-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", "Consolas", monospace;
	--pf-font-size-xs: 0.75rem;
	--pf-font-size-sm: 0.875rem;
	--pf-font-size-base: 1rem;
	--pf-font-size-md: 1.125rem;
	--pf-font-size-lg: 1.375rem;
	--pf-font-size-xl: 1.75rem;
	--pf-font-size-2xl: 2.25rem;
	--pf-font-size-3xl: 3rem;
	--pf-font-weight-regular: 400;
	--pf-font-weight-medium: 500;
	--pf-font-weight-semibold: 600;
	--pf-font-weight-bold: 700;
	--pf-line-height-tight: 1.25;
	--pf-line-height-snug: 1.4;
	--pf-line-height-normal: 1.7;
	--pf-line-height-relaxed: 1.85;
	--pf-letter-spacing-normal: 0;
	--pf-letter-spacing-tight: -0.01em;
	--pf-letter-spacing-wide: 0.02em;
	--pf-numeral-mode: latn;

	/* spacing (4/8 scale) */
	--pf-space-0: 0;
	--pf-space-1: 0.25rem;
	--pf-space-2: 0.5rem;
	--pf-space-3: 0.75rem;
	--pf-space-4: 1rem;
	--pf-space-5: 1.5rem;
	--pf-space-6: 2rem;
	--pf-space-7: 3rem;
	--pf-space-8: 4rem;

	/* radius */
	--pf-radius-none: 0;
	--pf-radius-sm: 0.25rem;
	--pf-radius-md: 0.5rem;
	--pf-radius-lg: 0.875rem;
	--pf-radius-pill: 999px;

	/* elevation / shadow */
	--pf-shadow-none: none;
	--pf-shadow-sm: 0 1px 2px rgba(15, 23, 21, 0.08);
	--pf-shadow-md: 0 4px 12px rgba(15, 23, 21, 0.10);
	--pf-shadow-lg: 0 12px 32px rgba(15, 23, 21, 0.14);

	/* motion */
	--pf-duration-fast: 120ms;
	--pf-duration-base: 220ms;
	--pf-duration-slow: 360ms;
	--pf-easing-standard: cubic-bezier(0.2, 0, 0, 1);
	--pf-easing-emphasized: cubic-bezier(0.3, 0, 0, 1);

	/* borders */
	--pf-border-width-hairline: 1px;
	--pf-border-width-thick: 2px;
	--pf-border-style: solid;

	/* layout */
	--pf-content-size: 44rem;
	--pf-wide-size: 75rem;
	--pf-gutter: 1.5rem;
	--pf-grid-columns: 12;

	/* breakpoints (for JS/container hooks; media queries are static below) */
	--pf-bp-mobile: 480px;
	--pf-bp-tablet: 768px;
	--pf-bp-laptop: 1024px;
	--pf-bp-desktop: 1280px;

	/* z-index */
	--pf-z-base: 0;
	--pf-z-dropdown: 100;
	--pf-z-sticky: 200;
	--pf-z-overlay: 300;
	--pf-z-modal: 400;
	--pf-z-toast: 500;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-pf-scheme="light"]) {
		--pf-color-surface: #0f1715;
		--pf-color-surface-raised: #17211e;
		--pf-color-on-surface: #eef3f1;
		--pf-color-primary: #54c9b8;
		--pf-color-on-primary: #06231f;
		--pf-color-accent: #e0b06a;
		--pf-color-on-accent: #241704;
		--pf-color-success: #67d28a;
		--pf-color-warning: #e6c14e;
		--pf-color-danger: #f3897f;
		--pf-color-muted: #a4b2ad;
		--pf-color-border: #5d6b66;
	}
}

[data-pf-scheme="dark"] {
	--pf-color-surface: #0f1715;
	--pf-color-surface-raised: #17211e;
	--pf-color-on-surface: #eef3f1;
	--pf-color-primary: #54c9b8;
	--pf-color-on-primary: #06231f;
	--pf-color-accent: #e0b06a;
	--pf-color-on-accent: #241704;
	--pf-color-success: #67d28a;
	--pf-color-warning: #e6c14e;
	--pf-color-danger: #f3897f;
	--pf-color-muted: #a4b2ad;
	--pf-color-border: #5d6b66;
}

/* Bridge: WordPress preset variables inherit the PF tokens (so core + WooCommerce blocks follow the cascade). */
:root {
	--wp--preset--color--surface: var(--pf-color-surface);
	--wp--preset--color--surface-raised: var(--pf-color-surface-raised);
	--wp--preset--color--on-surface: var(--pf-color-on-surface);
	--wp--preset--color--primary: var(--pf-color-primary);
	--wp--preset--color--on-primary: var(--pf-color-on-primary);
	--wp--preset--color--accent: var(--pf-color-accent);
	--wp--preset--color--on-accent: var(--pf-color-on-accent);
	--wp--preset--color--success: var(--pf-color-success);
	--wp--preset--color--warning: var(--pf-color-warning);
	--wp--preset--color--danger: var(--pf-color-danger);
	--wp--preset--color--muted: var(--pf-color-muted);
	--wp--preset--color--border: var(--pf-color-border);
	--wp--preset--font-size--xs: var(--pf-font-size-xs);
	--wp--preset--font-size--sm: var(--pf-font-size-sm);
	--wp--preset--font-size--base: var(--pf-font-size-base);
	--wp--preset--font-size--md: var(--pf-font-size-md);
	--wp--preset--font-size--lg: var(--pf-font-size-lg);
	--wp--preset--font-size--xl: var(--pf-font-size-xl);
	--wp--preset--font-size--2xl: var(--pf-font-size-2xl);
	--wp--preset--font-size--3xl: var(--pf-font-size-3xl);
	--wp--preset--font-family--arabic: var(--pf-font-arabic);
	--wp--preset--font-family--latin: var(--pf-font-latin);
	--wp--preset--font-family--mono: var(--pf-font-mono);
	--wp--preset--spacing--0: var(--pf-space-0);
	--wp--preset--spacing--1: var(--pf-space-1);
	--wp--preset--spacing--2: var(--pf-space-2);
	--wp--preset--spacing--3: var(--pf-space-3);
	--wp--preset--spacing--4: var(--pf-space-4);
	--wp--preset--spacing--5: var(--pf-space-5);
	--wp--preset--spacing--6: var(--pf-space-6);
	--wp--preset--spacing--7: var(--pf-space-7);
	--wp--preset--spacing--8: var(--pf-space-8);
	--wp--preset--shadow--none: var(--pf-shadow-none);
	--wp--preset--shadow--sm: var(--pf-shadow-sm);
	--wp--preset--shadow--md: var(--pf-shadow-md);
	--wp--preset--shadow--lg: var(--pf-shadow-lg);
}