/*
 * Design tokens — AssoGestion (nouveau design)
 * Point unique de vérité pour les couleurs, la typographie, les espacements.
 * Modifier une valeur ici la modifie partout : aucune couleur/espacement
 * ne doit être écrit "en dur" ailleurs dans les fichiers CSS.
 */

:root {
	/* --- Couleurs neutres --- */
	--ag-color-bg: #f6f7f9;
	--ag-color-surface: #ffffff;
	--ag-color-border: #e4e7ec;
	--ag-color-border-strong: #d0d5dd;
	--ag-color-text: #1d2433;
	--ag-color-text-muted: #667085;
	--ag-color-text-inverse: #ffffff;

	/* --- Couleur d'accent (marque) --- */
	/* Vert du logo AssoGestion (assets/img/logo.svg) : #22664a est la teinte
	 * commune aux 3 variantes du logo (couleur/mark/blanc), #1c332e est la
	 * teinte foncée du texte "Asso", #35986b la teinte claire du dégradé du
	 * badge. Remplace l'ancien bleu (#2f5fd6) pour être en accord avec le logo. */
	--ag-color-primary: #22664a;
	--ag-color-primary-hover: #1c332e;
	--ag-color-primary-light: #35986b;
	--ag-color-primary-soft: #e9f4ef;
	--ag-color-primary-contrast: #ffffff;
	--ag-gradient-brand: linear-gradient(135deg, var(--ag-color-primary) 0%, var(--ag-color-primary-light) 100%);

	/* --- Couleur des boutons "primary" (includes/pages.php lien(), input_button()) --- */
	/* Consigne explicite : ne pas changer la couleur des boutons quand la
	 * couleur de marque (--ag-color-primary ci-dessus) est passée au vert du
	 * logo — les boutons gardent donc l'ancien bleu, via des tokens dédiés
	 * (assets/css/components/buttons.css). */
	--ag-color-btn-primary: #2f5fd6;
	--ag-color-btn-primary-light: #6f93f2;
	--ag-gradient-btn-primary: linear-gradient(135deg, var(--ag-color-btn-primary) 0%, var(--ag-color-btn-primary-light) 100%);

	/* --- Couleurs sémantiques --- */
	--ag-color-success: #16824b;
	--ag-color-success-soft: #e7f6ee;
	--ag-color-danger: #c53030;
	--ag-color-danger-soft: #fbeaea;
	--ag-color-warning: #a6650a;
	--ag-color-warning-soft: #fdf1de;
	--ag-color-info: #2f5fd6;
	--ag-color-info-soft: #eaf0ff;

	/* --- Typographie --- */
	--ag-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--ag-font-size-xs: 0.75rem;
	--ag-font-size-sm: 0.8125rem;
	--ag-font-size-base: 0.9375rem;
	--ag-font-size-lg: 1.0625rem;
	--ag-font-size-xl: 1.375rem;
	--ag-font-size-2xl: 1.75rem;
	--ag-line-height-base: 1.5;
	--ag-font-weight-normal: 400;
	--ag-font-weight-medium: 500;
	--ag-font-weight-semibold: 600;

	/* --- Espacements --- */
	--ag-space-1: 4px;
	--ag-space-2: 8px;
	--ag-space-3: 12px;
	--ag-space-4: 16px;
	--ag-space-5: 20px;
	--ag-space-6: 24px;
	--ag-space-7: 32px;
	--ag-space-8: 48px;

	/* --- Rayons / ombres --- */
	--ag-radius-sm: 6px;
	--ag-radius-md: 10px;
	--ag-radius-lg: 14px;
	--ag-radius-full: 999px;
	--ag-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
	--ag-shadow-md: 0 4px 14px rgba(16, 24, 40, 0.08);
	--ag-shadow-lg: 0 12px 32px rgba(16, 24, 40, 0.14);
	--ag-shadow-xl: 0 24px 60px rgba(16, 24, 40, 0.18);

	/* --- Mise en page de l'application --- */
	--ag-sidebar-width: 264px;
	--ag-sidebar-width-collapsed: 76px;
	--ag-topbar-height: 60px;
	--ag-content-max-width: 1280px;
	--ag-transition-fast: 150ms ease;
	--ag-transition-base: 220ms ease;
	--ag-z-topbar: 100;
	--ag-z-sidebar: 90;
	--ag-z-tooltip: 150;
	--ag-z-overlay: 200;
	--ag-z-toast: 300;
}