/**
 * Jetons de design — « registre moderne de Médine ».
 *
 * Source unique des couleurs et constantes visuelles du SaaS.
 * Le plugin réutilisera ces mêmes valeurs (synchronisées depuis les
 * réglages) ; ici, ce sont les valeurs par défaut de la charte.
 *
 * Note typo : Bricolage Grotesque + Inter seront auto-hébergées en
 * phase P6 (assets/fonts/). En attendant, la pile système prend le relais
 * proprement — aucune dépendance à un CDN, jamais.
 */

:root {
	/* Couleurs ------------------------------------------------------ */
	--mba-primary: #1F6E5C;       /* vert profond — entrées, actions    */
	--mba-primary-deep: #134B3F;  /* vert sombre — titres, hover        */
	--mba-accent: #C9A24B;        /* doré discret — filets, accents     */
	--mba-expense: #B4543A;       /* terracotta — sorties, alertes      */
	--mba-bg: #F7F8F5;            /* ivoire — fond général              */
	--mba-surface: #FFFFFF;       /* cartes, formulaires                */
	--mba-ink: #182320;           /* texte principal                    */
	--mba-line: #E3E8E4;          /* bordures, séparateurs              */

	/* Dérivés utiles ------------------------------------------------- */
	--mba-ink-soft: #5C6B65;
	--mba-primary-soft: #E4EFEB;
	--mba-expense-soft: #F6E7E2;

	/* Typographie ---------------------------------------------------- */
	--mba-font-display: "Bricolage Grotesque", "Segoe UI", system-ui, -apple-system, sans-serif;
	--mba-font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
	--mba-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;

	/* Formes & profondeur -------------------------------------------- */
	--mba-radius: 14px;
	--mba-radius-sm: 8px;
	--mba-shadow: 0 1px 2px rgba(24, 35, 32, 0.06), 0 10px 28px rgba(24, 35, 32, 0.08);

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

	/* Mise en page ----------------------------------------------------- */
	--mba-container: 1200px;
}