/**
 * Bitelo Child — Design system.
 * Tokens repris du template Bitelo (css/style.css → Custom Properties).
 */

:root {
	/* Couleurs Bitelo */
	--bt-color-accent: #2868ed;
	--bt-color-accent-hover: #2a71d3;
	--bt-color-accent-dark: #1d4fba;
	--bt-color-accent-soft: rgba(40, 104, 237, 0.08);

	/* Fonds et surfaces */
	--bt-color-background: #fafafa;
	--bt-color-surface: #ffffff;
	--bt-color-surface-alt: #edf3f8;
	--bt-color-surface-grey: #f2f2f2;
	--bt-color-dark: #2b2b2b;

	/* Texte */
	--bt-color-text: #2b2b2b;
	--bt-color-text-muted: #5e5e5e;
	--bt-color-text-light: #b2b2b2;
	--bt-color-heading: #2b2b2b;
	--bt-color-border: #eaeaea;
	--bt-color-border-strong: #d5d5d5;

	/* États */
	--bt-color-success: #15803d;
	--bt-color-success-bg: #f0fdf4;
	--bt-color-warning: #b45309;
	--bt-color-warning-bg: #fffbeb;
	--bt-color-danger: #b91c1c;
	--bt-color-danger-bg: #fef2f2;
	--bt-color-info: #2868ed;
	--bt-color-info-bg: #edf3f8;

	/* Typographie */
	--bt-font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

	--bt-font-size-xs: 0.75rem;
	--bt-font-size-sm: 0.875rem;
	--bt-font-size-base: 1rem;
	--bt-font-size-lg: 1.125rem;
	--bt-font-size-xl: 1.5rem;

	--bt-line-height-tight: 1.2;
	--bt-line-height-base: 1.65;

	/* Rayons — signature Bitelo : très arrondis */
	--bt-radius-sm: 10px;
	--bt-radius-md: 16px;
	--bt-radius-lg: 20px;
	--bt-radius-xl: 28px;
	--bt-radius-pill: 999px;

	/* Ombres */
	--bt-shadow-sm: 0 1px 4px rgba(43, 43, 43, 0.06);
	--bt-shadow-md: 0 6px 18px rgba(43, 43, 43, 0.08);
	--bt-shadow-lg: 0 0 24px rgba(0, 0, 0, 0.14);
	--bt-shadow-focus: 0 0 0 3px rgba(40, 104, 237, 0.25);

	/* Espacements */
	--bt-spacing-xs: 0.25rem;
	--bt-spacing-sm: 0.5rem;
	--bt-spacing-md: 1rem;
	--bt-spacing-lg: 1.5rem;
	--bt-spacing-xl: 2.5rem;
	--bt-spacing-2xl: 4rem;

	/* Transitions */
	--bt-transition-fast: 150ms ease;
	--bt-transition-normal: 300ms ease;
	--bt-transition-slow: 500ms ease;

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

/* Les animations ne sont désactivables que via le Customizer
   (case « Activer les animations ») — le réglage système
   prefers-reduced-motion coupait tous les effets à l'insu du site. */
body.bt-no-animations {
	--bt-transition-fast: 0ms;
	--bt-transition-normal: 0ms;
	--bt-transition-slow: 0ms;
}