/**
 * PropOffice Design System — the semantic vocabulary every Design paints with.
 *
 * This file declares the NEUTRAL DEFAULTS, and nothing else. It is the floor:
 * what a PropOffice component looks like on a site that has expressed no brand
 * of its own, and what it still looks like if the runtime layer never runs.
 *
 * The website's actual brand arrives as an inline rule emitted by
 * DesignSystemAssets, which is attached to this same handle and therefore
 * always wins. So the order is: these defaults, then Elementor's globals, then
 * anything the design-system filter supplies.
 *
 * The values below are duplicated from DesignTokens::defaultColors() and
 * ::defaultTypography() — deliberately, because a stylesheet cannot call PHP —
 * and a test asserts the two agree, so drift is a failing build rather than a
 * silent difference between the fallback and the runtime.
 *
 * These are ROLES. Nothing here is a PropOffice brand colour; they are chosen
 * to be legible and unopinionated on an unconfigured site.
 */

:root {
	--po-ds-color-primary: #13245a;
	/* The ink that goes ON the primary. Not derivable from it, so it is a
	   role of its own — a design asking for a button's label cannot know
	   whether the ground under it came out light or dark. */
	--po-ds-color-on-primary: #ffffff;
	--po-ds-color-secondary: #334155;
	--po-ds-color-accent: #c8102e;
	--po-ds-color-text: #0f172a;
	--po-ds-color-muted: #64748b;
	--po-ds-color-background: #eef1f6;
	--po-ds-color-surface: #ffffff;
	--po-ds-color-border: #e2e8f0;

	/* Inherit rather than name a face: a site that configured a font has
	   already said what it wants, and naming one here would win. */
	--po-ds-font-family: inherit;
	--po-ds-font-heading: 600;
	--po-ds-font-body: 400;
	--po-ds-font-label: 500;
	--po-ds-font-button: 600;

	/*
	 * ── Property Detail roles ─────────────────────────────────────────────
	 *
	 * Measured from the reference property page and LOCKED. Declared HERE, at
	 * the boundary, because a design may never name a face or a brand value of
	 * its own — it asks for a role and the boundary answers.
	 *
	 * 🚨 These deliberately do NOT feed `--po-ds-font-family`, which stays
	 * `inherit`. A site that configured a font has said what it wants, and
	 * every other PropOffice surface still takes it. Only the Property Detail
	 * roles below are opinionated, and only the property page consumes them —
	 * so nothing here changes the website's own typography or any other page.
	 *
	 *   display  the price and the marketing headline
	 *   text     titles, body, labels
	 *   ink      primary text
	 *   muted    secondary metadata
	 *   accent   the price
	 *
	 * A site that wants its own still overrides these through the
	 * design-system filter, exactly like every other role.
	 */
	--po-type-display: Oswald, Helvetica, Arial, sans-serif;
	--po-type-text: Inter, Helvetica, Arial, sans-serif;
	--po-type-ink: #14181E;
	--po-type-muted: #6B7686;
	--po-type-accent: #B10028;
}