/**
 * Consultants Directory — OPPI design tokens.
 *
 * Single source for color, type, spacing and effects, per the OPPI Brand
 * Guidelines v1.4 (branding/OPPI_BrandGuide_1.4.pdf). Declared on :root for
 * the standalone portal documents and on .cd-scope for shortcode output
 * embedded inside the theme.
 */

:root,
.cd-scope {
	/* ---- Brand palette (guide p.10) ---- */
	--cd-deep-lake: #3b4754;
	--cd-huron-sky: #b4cbd1;
	--cd-sugar-maple: #e85733;
	--cd-boreal: #696e4a;
	--cd-clay: #ad857b;
	--cd-limestone: #f9f8f5;

	/* ---- Semantic aliases ---- */
	--cd-color-bg: var(--cd-limestone);
	--cd-color-surface: #ffffff;
	--cd-color-text: var(--cd-deep-lake);
	--cd-color-text-soft: #5f6d7a; /* Deep Lake, lifted for secondary copy */
	--cd-color-primary: var(--cd-deep-lake);
	--cd-color-accent: var(--cd-sugar-maple);
	--cd-color-accent-hover: #c7401e; /* Sugar Maple deepened for hover/AA */
	--cd-color-border: #dde6e9; /* Huron Sky, lightened */
	--cd-color-border-strong: var(--cd-huron-sky);
	/* Errors deliberately don't wear the CTA color: a deep ember between
	   Sugar Maple and the guide's Deep Sugar Maple supporting tone. */
	--cd-color-error: #a03015;
	--cd-color-error-bg: #fcefea;
	--cd-color-success: var(--cd-boreal);
	--cd-color-success-bg: #f1f2e9;
	--cd-color-info-bg: #eef3f5; /* Huron Sky wash */

	/* ---- Typography (guide p.13: Urania, Arial web-safe fallback) ---- */
	--cd-font-head: 'Urania', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	--cd-font-body: 'Urania', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	/* Absolute units on purpose: the shortcodes render inside a theme that
	   sets html { font-size: 62.5% }, which would shrink a rem scale. */
	--cd-text-xs: 12px;
	--cd-text-sm: 14px;
	--cd-text-md: 16px;
	--cd-text-lg: 19px;
	--cd-text-xl: 24px;
	--cd-text-2xl: 32px;
	--cd-text-3xl: 42px;
	--cd-leading-body: 1.6;
	--cd-leading-head: 1.15;
	--cd-tracking-eyebrow: 0.08em;

	/* ---- Spacing scale ---- */
	--cd-space-1: 4px;
	--cd-space-2: 8px;
	--cd-space-3: 12px;
	--cd-space-4: 16px;
	--cd-space-5: 24px;
	--cd-space-6: 32px;
	--cd-space-7: 48px;
	--cd-space-8: 64px;

	/* ---- Shape & depth ---- */
	--cd-radius-sm: 4px;
	--cd-radius-md: 8px;
	--cd-radius-lg: 12px;
	--cd-shadow-sm: 0 1px 2px rgba(59, 71, 84, 0.08);
	--cd-shadow-md: 0 6px 20px -6px rgba(59, 71, 84, 0.18);
	--cd-transition: 160ms ease;

	/* Signature: the "parcel strip" — the logo's map parcels as a thin
	   diagonal-cut band. Used sparingly (masthead, login card, results head). */
	--cd-parcel-strip: linear-gradient(
		105deg,
		var(--cd-deep-lake) 0 22%,
		var(--cd-huron-sky) 22% 46%,
		var(--cd-boreal) 46% 62%,
		var(--cd-sugar-maple) 62% 78%,
		var(--cd-deep-lake) 78% 100%
	);
}

/*
 * Urania — OPPI's licensed brand face (guide p.13). The same woff2 files the
 * theme serves, copied in so the standalone portal documents (which never
 * run through wp_head) get the real brand type too. Arial remains the
 * fallback, exactly as the guide prescribes.
 */
@font-face {
	font-family: 'Urania';
	src: url('../fonts/urania/uraniareg-webfont.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Urania';
	src: url('../fonts/urania/uraniamed-webfont.woff2') format('woff2');
	font-weight: 500 700;
	font-style: normal;
	font-display: swap;
}
