/**
 * Realist token bridge + client skin overrides.
 *
 * The Realist plugin ships two CSS layers:
 *   - STRUCTURE (functional; always loaded, never dequeue it)
 *   - SKIN (default look; every value reads a `--realist-*` token)
 *
 * This file maps the theme's design tokens onto Realist's, so property cards,
 * filters, buttons and forms inherit the theme automatically — and change with
 * each style variation — without overriding a single Realist selector.
 *
 * Because theme.json emits its palette as `--wp--preset--color--*`, the mapping
 * is a one-liner per token. Style variations in /styles/*.json redefine those
 * presets, so Realist restyles along with the rest of the site for free.
 */

:root {
	/* Brand — falls back to the plugin's per-site Settings colours if a preset is absent. */
	--realist-color-primary: var( --wp--preset--color--primary, #737F83 );
	--realist-color-secondary: var( --wp--preset--color--secondary, #22224A );

	/* Neutrals
	 *
	 * `surface` is the card/filter-bar background and must contrast with the page
	 * background, so it maps to `neutral` (#fff) rather than `base` (#f1f1f1) —
	 * `base` IS the page background, which made cards look transparent.
	 * `border` takes `base` so dividers stay visible on those white surfaces.
	 */
	--realist-color-text: var( --wp--preset--color--contrast, #0D0B05 );
	--realist-color-surface: var( --wp--preset--color--neutral, #FFFFFF );
	--realist-color-border: var( --wp--preset--color--base, #F1F1F1 );
	--realist-color-on-brand: var( --wp--preset--color--neutral, #FFFFFF );

	/* Shape & rhythm — set these to restyle Realist's density and roundness. */
	--realist-radius: 8px;
	--realist-radius-sm: 4px;
	--realist-radius-pill: 50px;
	--realist-space: var( --wp--custom--spacing--small, 15px );
	--realist-space-lg: var( --wp--custom--spacing--medium, 30px );
	--realist-card-min: 320px;
	--realist-card-ratio: 66.66%;
	--realist-transition: 0.3s ease;
}

/* ---------------------------------------------------------------------------
 * Client-specific overrides
 *
 * Brand tweaks for THIS site belong here — never in the Realist plugin, which
 * ships to every client. Prefer setting a token above; only write selectors
 * below when a token can't express it.
 * ------------------------------------------------------------------------ */
