/**
 * Design tokens — single source of truth (spec §11.2). Every other
 * plugin stylesheet references these custom properties, never a raw hex
 * code or font name.
 *
 * --ssaudit-color-primary/-primary-dark/-secondary, --ssaudit-font-*, and
 * --ssaudit-radius are DEFAULTS ONLY — SSAUDIT_Branding overrides them at
 * runtime from the admin-configurable brand settings (resolves spec §16
 * item 1's "placeholder colors/fonts" open item for real; see
 * includes/class-branding.php). Everything else here (severity colors,
 * neutrals, spacing) is fixed/semantic, matching the reference admin
 * panel's own convention of a non-configurable neutral palette.
 *
 * Neutrals below match seo-page-generator's admin.css by the user's own
 * request, so both plugins feel like one product family. Brand
 * primary/secondary are the user's actual chosen colors, not a
 * placeholder — orange primary + dark navy secondary for contrast.
 */
:root {
	/* Brand (overridden at runtime — see docblock above) */
	--ssaudit-color-primary: #f2632b;
	--ssaudit-color-primary-dark: #ce5425;
	--ssaudit-color-secondary: #1e293b;

	/* Severity */
	--ssaudit-color-critical: #ef4444;
	--ssaudit-color-high: #e07b28;
	--ssaudit-color-warning: #f59e0b;
	--ssaudit-color-notice: #3b82f6;
	--ssaudit-color-passed: #10b981;

	/* Neutrals */
	--ssaudit-color-bg: #f8fafc;
	--ssaudit-color-surface: #ffffff;
	--ssaudit-color-surface-alt: #f1f5f9;
	--ssaudit-color-text: #0f172a;
	--ssaudit-color-text-muted: #64748b;
	--ssaudit-color-text-faint: #94a3b8;
	--ssaudit-color-border: #e2e8f0;

	/* Typography (overridden at runtime — see docblock above) */
	--ssaudit-font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--ssaudit-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--ssaudit-font-size-base: 16px;

	/* Scale */
	--ssaudit-space-xs: 4px;
	--ssaudit-space-sm: 8px;
	--ssaudit-space-md: 16px;
	--ssaudit-space-lg: 24px;
	--ssaudit-space-xl: 40px;
	--ssaudit-radius: 8px;
}