/**
 * Plug&Sign — Design tokens
 * @package plugnsign.fr
 */

:root {
	/* Brand */
	--ps-primary: #e85d2b;
	--ps-primary-hover: #d14e1f;
	--ps-primary-light: #fff0eb;
	--ps-primary-muted: rgba(232, 93, 43, 0.12);

	/* Gris foncé neutre (pas de bleu) — classes utilitaires uniquement */
	--ps-dark: #2b2f36;

	--ps-success: #0d7a5f;
	--ps-success-light: #e8f5f1;

	/* Neutrals */
	--ps-text: #1a1d26;
	--ps-text-muted: #5c6370;
	--ps-text-light: #8b929e;
	--ps-bg: #ffffff;
	--ps-bg-alt: #f8f9fb;
	--ps-border: #e4e7ec;
	--ps-border-light: #f0f2f5;

	/* Typography */
	--ps-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--ps-font-heading: 'Plus Jakarta Sans', var(--ps-font-body);

	--ps-text-base: 1rem;
	--ps-text-sm: 0.875rem;
	--ps-text-xs: 0.75rem;
	--ps-text-lg: 1.125rem;
	--ps-line-height: 1.6;
	--ps-line-height-tight: 1.25;

	/* Spacing */
	--ps-space-xs: 0.5rem;
	--ps-space-sm: 1rem;
	--ps-space-md: 1.5rem;
	--ps-space-lg: 2.5rem;
	--ps-space-xl: 5rem;
	--ps-space-2xl: 7.5rem;
	--ps-content-max: 42.5rem;

	/* Radius */
	--ps-radius: 8px;
	--ps-radius-sm: 6px;
	--ps-radius-lg: 12px;
	--ps-radius-pill: 100px;

	/* Shadows */
	--ps-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
	--ps-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
	--ps-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
	--ps-shadow-focus: 0 0 0 3px rgba(232, 93, 43, 0.15);
	--ps-shadow-card-hover: 6px 13px 28px -10px rgba(232, 93, 43, 0.28);

	/* Transitions */
	--ps-transition: 0.2s ease;
	--ps-transition-slow: 0.3s ease;

	/* Layout */
	--ps-header-height: 80px;
	--ps-header-bg: rgba(255, 255, 255, 0.92);
}
