@charset "UTF-8";

/* Variables & Reset */
:root {
	--bg1: #070A16;
	--bg2: #0B1026;

	--text: rgba(58, 36, 20, 1);
	--muted: rgba(11, 16, 38, .72);

	--cream: #F4E8C8;
	--cream-2: #E8D6AB;
	--gold: #D9A441;
	--gold-soft: rgba(217, 164, 65, .35);

	--card:
		radial-gradient(circle at 25% 10%, rgba(255, 250, 230, .98), transparent 36%),
		radial-gradient(circle at 50% 115%, rgba(217, 164, 65, .45), transparent 55%),
		linear-gradient(180deg,
			rgba(255, 250, 230, .98) 0%,
			rgba(244, 232, 200, .96) 35%,
			rgba(232, 214, 171, .95) 65%,
			rgba(217, 164, 65, .42) 100%);
		
	--border: rgba(217, 164, 65, .35);

	--shadow-soft: 0 18px 45px rgba(0, 0, 0, .28);
	--shadow-glow: 0 0 32px rgba(217, 164, 65, .24);

	--radius-lg: 22px;
	--radius-md: 16px;

	--accent-color: var(--gold);
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

html, body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	color: var(--text);
	font-family:
		Poppins, Inter, system-ui, -apple-system,
		"Segoe UI", Roboto, Arial, sans-serif;
	overflow-x: hidden;
	position: relative;
}

/* Texte */
h1 {
	letter-spacing: .8px;
	font-size: clamp(2rem, 4.3vw, 4rem);
	line-height: .92;
	margin: 0 0 10px;
	font-weight: 900;
}

h2 {
  letter-spacing: .18em;
  margin: 10px 0 14px;
  font-size: 1.5rem;
}

.text-justify,

.text-justify p {
	text-align: justify;
	text-justify: inter-word;
	hyphens: auto;
}