/**
 * Provision design tokens — the single source of truth for both themes.
 *
 * One token layer, two theme scopes:
 *   .provision-admin  → Direction C: sleek & premium (dark)
 *   .provision-store  → Direction B: bold & distinctive (branded, light)
 *
 * Both share the violet→blue accent family, type scale, spacing, and radius so
 * the admin app and the storefront read as one product. See plan §7.2.
 */

:root {
	/* ---- Shared accent family: violet primary, blue secondary ---- */
	--prov-violet-50:  #f1ebfb;
	--prov-violet-100: #e3d6f7;
	--prov-violet-200: #c9b0f0;
	--prov-violet-400: #A37CF2; /* Light Violet (brand) */
	--prov-violet-500: #7B40D6; /* Manic Violet (brand) — primary accent */
	--prov-violet-600: #46299F; /* Deep Violet (brand) */
	--prov-violet-800: #38217d;
	--prov-violet-900: #2a1860;

	--prov-blue-50:  #eaf4fc;
	--prov-blue-100: #cce4f9;
	--prov-blue-200: #a6d0f5;
	--prov-blue-400: #74BDF2; /* Sky Blue (brand) */
	--prov-blue-500: #3F9FE8; /* Soup Blue (brand) — secondary / info */
	--prov-blue-600: #235AC0; /* Deep Blue (brand) */
	--prov-blue-800: #1b468f;
	--prov-blue-900: #143464;

	/* ---- Shared type scale ---- */
	--prov-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--prov-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

	--prov-fs-display: 28px;
	--prov-fs-h1: 22px;
	--prov-fs-h2: 18px;
	--prov-fs-h3: 16px;
	--prov-fs-body: 15px;
	--prov-fs-small: 13px;
	--prov-fs-caption: 12px;

	--prov-fw-regular: 400;
	--prov-fw-medium: 500;

	/* ---- Shared spacing + radius rhythm ---- */
	--prov-space-1: 4px;
	--prov-space-2: 8px;
	--prov-space-3: 12px;
	--prov-space-4: 16px;
	--prov-space-5: 24px;
	--prov-space-6: 32px;

	--prov-radius-sm: 6px;
	--prov-radius-md: 8px;
	--prov-radius-lg: 12px;
	--prov-radius-pill: 999px;
}

/* =====================================================================
   ADMIN THEME — Direction C: sleek & premium (dark)
   Scoped to .provision-admin so it never bleeds into wp-admin chrome.
   ===================================================================== */
.provision-admin {
	--prov-bg: #15161c;
	--prov-surface: #1c1d25;
	--prov-surface-2: #23242e;
	--prov-border: #2a2b35;
	--prov-border-strong: #34353f;
	--prov-text: #f4f4f6;
	--prov-text-muted: #9a9aa8;
	--prov-text-subtle: #6f7080;
	--prov-accent: var(--prov-violet-500);
	--prov-accent-text: #ffffff;
	--prov-info: var(--prov-blue-400);
	--prov-success: #4ade80;
	--prov-warning: #fbbf24;
	--prov-danger: #f87171;

	font-family: var(--prov-font-sans);
	color: var(--prov-text);
}

/* =====================================================================
   STOREFRONT THEME — Direction B: bold & distinctive (branded, light)
   Scoped to .provision-store for customer-facing pages.
   ===================================================================== */
.provision-store {
	--prov-bg: #ffffff;
	--prov-surface: #ffffff;
	--prov-surface-2: #f3f1fb;     /* soft violet-tinted surface */
	--prov-border: #e6e3f3;
	--prov-border-strong: #d7d3fb;
	--prov-text: #1a1730;
	--prov-text-muted: #5b5676;
	--prov-text-subtle: #8a85a3;
	--prov-accent: var(--prov-violet-500);
	--prov-accent-text: #ffffff;
	--prov-info: var(--prov-blue-500);
	--prov-success: #1d9e75;
	--prov-warning: #ba7517;
	--prov-danger: #d85a30;

	font-family: var(--prov-font-sans);
	color: var(--prov-text);
}

@media (prefers-reduced-motion: reduce) {
	.provision-admin *, .provision-store * {
		animation-duration: 0.001ms !important;
		transition-duration: 0.001ms !important;
	}
}