/*
 * Preloved Bazaar — design tokens.
 *
 * Authority: this file is the SINGLE SOURCE OF TRUTH for plugin design
 * tokens. The plugin is theme-agnostic (banked rule:
 * feedback_plugin-not-theme) so it MUST NOT depend on theme.json /
 * `var(--wp--preset--*)` values — Motta (the live theme) doesn't ship
 * the Preloved palette and would render brand-coloured surfaces empty.
 *
 * Spec ref: prelovedbazaar-rebuild-spec.md §8 (visual system).
 *
 * Strategy (also see Frontend\Marketplace\Tokens):
 *   - Enqueued globally on the front-end at very high priority so it
 *     paints before catalog/pdp/marketplace CSS that consume the tokens.
 *   - The same :root block is also emitted INLINE on wp_head priority 1
 *     (see Tokens::print_inline_root) so the first paint cannot be
 *     token-less even if the stylesheet request is delayed.
 *   - All values are hard-coded today; a future admin Settings page
 *     will expose them as options without changing this contract.
 *
 * Naming:
 *   - --pb-brand-*    semantic brand colours (green/pink/blue).
 *   - --pb-base       page background (warm off-white).
 *   - --pb-surface    card / panel background (pure white).
 *   - --pb-contrast   primary text colour.
 *   - --pb-muted      secondary / hint text.
 *   - --pb-subtle     hairline borders / dividers.
 *   - --pb-space-*    matches the previous wp--preset--spacing--N rhythm.
 *   - --pb-radius-*   shared radii.
 *   - --pb-shadow-*   shared shadows.
 *   - --pb-font-*     typography stacks.
 *
 * Anti-pattern:
 *   - Do NOT reintroduce var(--wp--preset--*) anywhere in the plugin.
 *   - Do NOT add a token without using it; dead tokens drift.
 */

:root {
	/* Brand greens (primary CTA + accent body). */
	--pb-brand-green: #216A52;
	--pb-brand-green-mid: #2A8068;
	--pb-brand-green-soft: #D6EBE3;

	/* Brand pinks (wedding edit + accents). */
	--pb-brand-pink: #A33A5E;
	--pb-brand-pink-soft: #FFE3EC;
	--pb-brand-pink-accent: #E87C9E;

	/* Brand blues (links + focus rings). */
	--pb-brand-blue: #1B4FCC;
	--pb-brand-blue-soft: #E3EAFF;

	/* Surfaces + neutrals. */
	--pb-base: #FBFAF7;
	--pb-surface: #FFFFFF;
	--pb-contrast: #1A1A1A;
	--pb-muted: #5A5A5A;
	--pb-subtle: #EDEAE3;

	/* Status tokens. */
	--pb-success: #1F7A4D;
	--pb-warning: #B97312;
	--pb-danger: #B2354A;

	/* Spacing scale — mirrors the previous wp--preset--spacing--N rhythm
	   so existing CSS migrates 1:1. */
	--pb-space-10: 0.25rem;
	--pb-space-20: 0.5rem;
	--pb-space-30: 1rem;
	--pb-space-40: 1.5rem;
	--pb-space-50: 2rem;
	--pb-space-60: 3rem;
	--pb-space-70: 4rem;
	--pb-space-80: 6rem;

	/* Radii. */
	--pb-radius-sm: 6px;
	--pb-radius-md: 10px;
	--pb-radius-lg: 16px;
	--pb-radius-pill: 9999px;

	/* Shadows. */
	--pb-shadow-sm: 0 1px 2px rgba(15, 30, 25, 0.06);
	--pb-shadow-md: 0 4px 12px rgba(15, 30, 25, 0.10);
	--pb-shadow-lg: 0 12px 32px rgba(15, 30, 25, 0.14);

	/* Typography. */
	--pb-font-display: "Fraunces", "Iowan Old Style", "Georgia", serif;
	--pb-font-inter: "Inter", "Helvetica Neue", "Arial", system-ui, sans-serif;
	--pb-font-body: var(--pb-font-inter);
}