/*
 * File: projects/mln/plugin/mln-mlm-engine/assets/css/mln-design-tokens.css
 *
 * MLN Design System — token layer (single source of truth, F-Chad-021).
 * Mirrors design-system/mln/MASTER.md. Enqueued on BOTH the front-facing
 * registration surface and the MLN admin pages. Every restyled element reads
 * these custom properties — no hard-coded one-off colors/spacing elsewhere.
 *
 * Brand accent = MLN blue #004AAD (grounded from the live Missing Link Network
 * Elementor kit Primary). Style = Trust & Authority (conservative/clean).
 *
 * @package mln-mlm-engine
 * @since   2.x (UI overhaul)
 * Version: 1.0.0
 * Changelog:
 *   1.0.0 — 2026-06-02 — Initial author. Token vocabulary for the MLN UI overhaul
 *           (registration + admin). Accent overrides the skill's gold default.
 */

:root {
	/* Brand accent — MLN blue */
	--mln-accent:          #004AAD;
	--mln-accent-hover:    #003A87;
	--mln-accent-tint:     #E6EEF8;
	--mln-accent-contrast: #FFFFFF;

	/* Neutrals (navy/grey, light UI) */
	--mln-text:        #111827;
	--mln-text-muted:  #475569;
	--mln-border:      #E2E8F0;
	--mln-bg:          #FAFAFB;
	--mln-surface:     #FFFFFF;

	/* Status */
	--mln-success: #16A34A;
	--mln-warning: #B45309;
	--mln-danger:  #DC2626;

	/* Spacing (4px base) */
	--mln-space-1: 0.25rem;
	--mln-space-2: 0.5rem;
	--mln-space-3: 0.75rem;
	--mln-space-4: 1rem;
	--mln-space-5: 1.5rem;
	--mln-space-6: 2rem;
	--mln-space-7: 3rem;

	/* Radius */
	--mln-radius-sm:   6px;
	--mln-radius:      10px;
	--mln-radius-pill: 999px;

	/* Elevation */
	--mln-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06), 0 1px 1px rgba(15, 23, 42, 0.04);
	--mln-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);

	/* Typography */
	--mln-font-head: 'Lexend', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--mln-font-body: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

	/* Interaction */
	--mln-tap:   44px;
	--mln-dur:   200ms;
	--mln-focus: 0 0 0 3px rgba(0, 74, 173, 0.35);
}

/* Reduced-motion: strip transitions globally for MLN-scoped surfaces. */
@media (prefers-reduced-motion: reduce) {
	:root {
		--mln-dur: 0ms;
	}
}