/*
 * Fusion design tokens.
 *
 * Source: the "Fusion brand identity system" deck (6-page PDF + per-page SVG
 * export, both supplied directly by the user — not the wider 24-page Canva
 * exploration deck, which is out of scope). Extracted 18 Sep 2026.
 *
 * Colors were read from the actual vector fill data in the SVG export, not
 * eyeballed off the flattened PDF render (its Core CI page has real
 * text-overlap corruption from overlapping raster layers on export). Even
 * so, the same intended color rendered with real drift across pages — a
 * Canva export artifact from different opacity/blend compositing per page,
 * not four different intended colors:
 *
 *   Deep Navy:    #001139 – #0A1339
 *   Lagoon Teal:  #00A99D – #00C4B2
 *   Sun Gold:     #F8A30D – #FBB027
 *
 * The values below use the Logo System page specifically — flat vector
 * fills with no compositing over other elements, the cleanest source in
 * the deck. If pixel-exact values ever matter (print, a strict brand
 * audit), confirm against Canva's own color picker on the original
 * elements; this is a high-confidence reconstruction, not a guaranteed
 * exact match.
 *
 * "Cloud" resolved to pure white (#FFFFFF) in every page's vector data; the
 * warm off-white look in the PDF render appears to be a raster texture
 * layered on top, not a distinct flat color, so it is not asserted as a
 * separate token here.
 */

:root {
	/* ---- Brand colors ---- */
	--fusion-color-navy: #001139;   /* Deep Navy — trust and infrastructure */
	--fusion-color-teal: #00A99D;   /* Lagoon Teal — connection and discovery */
	--fusion-color-gold: #F8A30D;   /* Sun Gold — energy and progress */
	--fusion-color-cloud: #FFFFFF;  /* Cloud — openness and room to think */

	/* ---- Typography ----
	 * Satoshi (headline/display, headings) is not a system font and isn't
	 * bundled yet — falls back to a comparable geometric sans until a
	 * licensed webfont file is added. Inter (body, labels) is a Google Font;
	 * load it via wp_enqueue_style against Google Fonts, or self-host it,
	 * before relying on the fallback stack going away.
	 */
	--fusion-font-display: "Satoshi", "Poppins", ui-sans-serif, system-ui, sans-serif;
	--fusion-font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;

	/* ---- Spacing scale (px) ---- */
	--fusion-space-1: 4px;
	--fusion-space-2: 8px;
	--fusion-space-3: 16px;
	--fusion-space-4: 32px;
	--fusion-space-5: 48px;
	--fusion-space-6: 64px;

	/* ---- Corner radius scale (px) ---- */
	--fusion-radius-sm: 4px;
	--fusion-radius-md: 8px;
	--fusion-radius-lg: 12px;
	--fusion-radius-xl: 16px;
	--fusion-radius-2xl: 24px;

	/* ---- Elevation scale ----
	 * The deck shows 5 elevation levels (0-4) as swatches with increasing
	 * shadow depth, but doesn't print exact blur/opacity values legibly.
	 * These are a reasonable, standard interpretation of that intent (a
	 * conventional ascending Material-style shadow scale), not a value
	 * transcribed from the source — revise if the real values ever surface.
	 */
	--fusion-elevation-0: none;
	--fusion-elevation-1: 0 1px 2px rgba(0, 17, 57, 0.06);
	--fusion-elevation-2: 0 2px 6px rgba(0, 17, 57, 0.08);
	--fusion-elevation-3: 0 6px 16px rgba(0, 17, 57, 0.10);
	--fusion-elevation-4: 0 12px 32px rgba(0, 17, 57, 0.14);
}