/**
 * Salam — Arrière-plans Figma
 * Textures exportées depuis Salam.fig
 */

/* Fond global — dégradé crème Figma (frame Desktop) */
.salam-page-bg {
	background: radial-gradient(
		ellipse 120% 80% at 50% 0%,
		var(--salam-color-bg) 0%,
		var(--salam-color-bg-page) 100%
	);
	background-attachment: fixed;
	min-height: 100vh;
}

.salam-bg-cream {
	background-color: var(--salam-color-bg-cream);
}

.salam-bg-cream-texture {
	background-color: var(--salam-color-bg-cream);
	background-image: var(--salam-bg-texture-cream);
	background-repeat: repeat;
	background-size: 395px 375px;
}

.salam-bg-primary {
	background-color: var(--salam-color-primary);
	color: var(--salam-color-text-inverse);
}

/* Hero interne — fallback photo Figma */
.salam-page-hero--default {
	background-color: var(--salam-color-primary-dark);
	background-image: var(--salam-bg-hero-default);
	background-size: cover;
	background-position: center;
}

.salam-page-hero--pattern {
	background-color: var(--salam-color-primary-dark);
	background-image: var(--salam-bg-hero-pattern);
	background-size: cover;
	background-position: center;
}

/* Section alternée — crème texturée */
.salam-section--alt {
	background-color: var(--salam-color-bg-cream);
	background-image: var(--salam-bg-texture-cream);
	background-repeat: repeat;
	background-size: 395px 375px;
}