/**
 * EcomDrama Design System ("Azure") — the single source of truth for every
 * color, radius, spacing and motion value used across this plugin's admin
 * surfaces (React admin app, settings app, EcomDrama landing page).
 *
 * Every other stylesheet only ever references these via var(--ed-*, fallback)
 * — never redefines a hex value. Hand-written, no build step (plain CSS),
 * enqueued directly like assets/css/frontend.css.
 *
 * Out of scope: the customer-facing storefront widget (assets/css/frontend.css)
 * has its own separate, merchant-configurable accent color (PD_Settings) and
 * intentionally does not load this file.
 */
:root {
	/* Brand */
	--ed-azure: #2F62A8;
	--ed-azure-press: #24518D;
	--ed-azure-wash: #E8EFF9;
	--ed-azure-line: #D3E2F5;

	/* Ink / neutrals */
	--ed-ink: #1C2430;
	--ed-ink-2: #5A6675;
	--ed-ink-3: #8794A4;
	--ed-ink-4: #78859A;
	--ed-paper: #FFFFFF;
	--ed-canvas: #F6F8FB;
	--ed-surface: #FAFCFE;
	--ed-mist: #EEF2F7;
	--ed-mist-2: #E6EBF2;
	--ed-line: #DCE3EC;
	--ed-line-strong: #C3CDDA;

	/* Status — reserved for actual status, never decoration */
	--ed-olive: #4E7A3E;
	--ed-olive-wash: #E8F2EA;
	--ed-amber: #B87503;
	--ed-amber-wash: #FBF0DC;
	--ed-amber-line: #EEDCB6;
	--ed-rust: #B23A2E;
	--ed-rust-wash: #FBE9E7;
	--ed-rust-line: #EDCAC5;

	/* Plum — Pro / paywall only, nowhere else */
	--ed-plum: #6E4B8E;
	--ed-plum-wash: #F3EDF8;
	--ed-plum-wash-hover: #EAE0F4;
	--ed-plum-line: #DFD1EC;

	/* Radius */
	--ed-radius-control: 10px;
	--ed-radius-card: 16px;
	--ed-radius-modal: 20px;
	--ed-radius-pill: 999px;

	/* Spacing base grid */
	--ed-space-1: 4px;
	--ed-space-2: 8px;
	--ed-space-3: 12px;

	/* Type */
	--ed-font-ui: 'Figtree', system-ui, sans-serif;
	--ed-font-mono: 'JetBrains Mono', monospace;

	/* Motion */
	--ed-motion-fast: 120ms;
	--ed-motion-medium: 180ms;
	--ed-motion-slow: 240ms;
}