/*
 * brand.css — the --wh-* SOURCE OF TRUTH (holds the literal brand defaults).
 *
 * Every .whb-* component consumes these short, stable --wh-* tokens, and theme.json
 * DERIVES from them: each colour preset is `var(--wh-*, <hex fallback>)` and the
 * base-element `styles` read `var(--wh-*)`. So a single --wh-* override cascades to
 * every surface — components, WP-core preset-colour blocks (.has-*-color), the page
 * background and links. Retint a site two ways:
 *   • runtime — the `whitehat_base_settings` option's `brand_overrides` map (for
 *     MCP/REST-only agents). Emitted as an inline :root{…} after this file, so it
 *     wins over the defaults below. Absent keys keep these defaults.
 *   • file — edit the literals below, and keep theme.json's fallbacks in sync (the
 *     build's fallback-parity gate enforces the two agree).
 *
 * Hex literals live HERE by design: Gate 2 exempts --wh-* declaration lines in this
 * file; everywhere else stays token-only. And because these are literals (not
 * var(--wp--preset--*)), the tokens still resolve even if a performance plugin strips
 * theme.json's global styles.
 */

:root {
	/* Brand colours */
	--wh-base:            #ffffff;
	--wh-primary:         #1f5132;
	--wh-primary-dark:    #143620;
	--wh-cta:             #c2410c;
	--wh-cta-shadow:      0 2px 0 0 #7c2d12;
	--wh-eyebrow:         #0a7d4b;

	/* On-dark (hero/section) */
	--wh-on-dark:         #ffffff;
	--wh-on-dark-body:    #e8f0ea;
	--wh-on-dark-muted:   #b9ccc0;

	/* Surfaces & text */
	--wh-card:            #ffffff;
	--wh-card-border:     #e3e8e4;
	--wh-text:            #1f2a24;
	--wh-text-heading:    #13211a;
	--wh-text-muted:      #5b6b62;

	/* Takeaway / warning callouts */
	--wh-takeaway:        #eef7f1;
	--wh-takeaway-border: #bfe0cd;
	--wh-warning:         #fff7ed;
	--wh-warning-border:  #fed7aa;
	--wh-warning-text:    #9a3412;

	/* Price bands */
	--wh-price-budget:    #2e7d32;
	--wh-price-mid:       #b26a00;
	--wh-price-premium:   #9a3412;

	/* Award chips */
	--wh-award-overall:   #1f5132;
	--wh-award-value:     #0a7d4b;
	--wh-award-budget:    #2e7d32;
	--wh-award-forx:      #475569;

	/* Shape & rhythm */
	--wh-radius-card:     12px;
	--wh-radius-chip:     999px;
	--wh-space-flow:      1.25rem;
	--wh-space-section:   3rem;

	/* Type */
	--wh-font-heading:    system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--wh-font-body:       system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}