/*
 * ChariPay design tokens — the same charter as the public site
 * (charipay_vitrine/app/globals.css): coral, deep navy, the pale "section"
 * blue, Plus Jakarta Sans for headings, soft 50px box shadows and pills.
 *
 * Scoped under .chari-pay so they cannot leak into the merchant's theme or
 * into WP admin — a plugin that redefines a store's colours is a bug.
 *
 * Colour rule, measured rather than assumed:
 *   white   on coral   #EB6C43   3.11:1  -> FAILS WCAG AA for body text
 *   white   on coral   #D05426   4.22:1  -> FAILS WCAG AA for body text
 *   #B6461F on white             5.41:1  -> passes (coral at body size)
 *   #B6461F on #FFEAD5           4.63:1  -> passes (coral chip)
 *   white   on navy    #11314F  13.32:1  -> passes
 *   #5D6167 on #EDF8FF           5.78:1  -> passes (muted text on section)
 * So coral is an accent — the glow, focus rings, step numbers, chip borders —
 * navy carries text-bearing fills, and --chari-primary-text is the coral for
 * body-size text.
 */
.chari-pay {
	--chari-primary: #eb6c43;
	--chari-primary-strong: #d05426;
	--chari-primary-text: #b6461f;
	--chari-primary-tint: #ffead5;
	--chari-primary-wash: rgba(235, 108, 67, 0.1);

	--chari-navy: #11314f;
	--chari-navy-deep: #0c2640;
	--chari-navy-wash: rgba(17, 49, 79, 0.06);

	--chari-section: #edf8ff;
	--chari-surface: #ffffff;

	--chari-ink: #18181b;
	--chari-ink-muted: #5d6167;
	--chari-ink-subtle: #8c9096;
	--chari-ink-inverse: #ffffff;
	/* Text on navy. Both clear 7:1. */
	--chari-ink-on-navy: #ccd6e0;
	--chari-ink-on-navy-muted: #b9c7d6;

	--chari-success: #1e7b4d;
	--chari-success-bg: #e7f5ee;
	--chari-danger: #b3261e;
	--chari-danger-bg: #fbeae8;
	--chari-warning: #8a5a00;
	--chari-warning-bg: #fdf3e0;

	--chari-line: #edf0e6;
	--chari-line-strong: #dfe4ea;

	/* The site's 32px radius is for full-width marketing blocks; inside an
	   880px admin column or a checkout box, 16px is the ceiling. */
	--chari-radius-large: 16px;
	--chari-radius: 10px;
	--chari-radius-pill: 999px;
	--chari-shadow-box: 0 5px 50px rgba(0, 0, 0, 0.07);

	--chari-control-height: 44px;

	/*
	 * No @import of Google Fonts. Shipping a CDN font inside a merchant's
	 * store is a GDPR exposure in the EU and a render-blocking request on
	 * every checkout. The admin screen bundles Plus Jakarta Sans from the
	 * plugin itself (see admin.css); the storefront lists it first so a
	 * theme that already loads it gets it for free, and everyone else gets
	 * the system font.
	 */
	--chari-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans Arabic", sans-serif;
	--chari-font-display: "Chari Jakarta", "Plus Jakarta Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Arabic", sans-serif;
	--chari-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

	color: var(--chari-ink);
	font-family: var(--chari-font);
}