/* Charte de Danaë, reprise de src/styles/global.css (VIC-10, VIC-19).
   Police auto-hébergée, licence à côté du fichier : fonts/FFL.txt. */
@font-face {
	font-family: "Boska";
	src: url("/fonts/Boska-Variable.woff2") format("woff2");
	font-weight: 200 900;
	font-style: normal;
	font-display: swap;
}

:root {
	--orange: #f2490c;
	--saumon: #f9a486;
	--poudre: #feede7;
	--noir: #000000;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Le noir sur le poudre : contraste de 18,5, au-delà du niveau AAA. */
body {
	display: grid;
	place-items: center;
	min-height: 100svh;
	margin: 0;
	padding: 2rem 1.5rem;
	background: var(--poudre);
	color: var(--noir);
	-webkit-font-smoothing: antialiased;
}

main {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

h1 {
	margin: 0;
	line-height: 0;
}

h1 img {
	display: block;
	width: clamp(16rem, 34vw, 28rem);
	height: auto;
}

/* Rôle titre-2 du site : Boska en 600, jamais sous 28 px, le plancher de la police. */
p {
	margin: 1.5rem 0 0;
	font-family: "Boska", serif;
	font-size: clamp(2rem, 3.6vw, 3.5rem);
	font-weight: 600;
	line-height: 1.04;
	letter-spacing: -0.01em;
	text-wrap: balance;
}

/* Arcs décoratifs dans deux coins, sans texte par-dessus. Le calque couvre la fenêtre
   et coupe ce qui en sort : les arcs n'élargissent pas la page sur mobile. */
.decor {
	position: fixed;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}

.arcs {
	position: absolute;
	display: block;
	pointer-events: none;
}

.arcs-haut {
	top: -1px;
	right: -4rem;
	width: clamp(14rem, 30vw, 30rem);
	color: var(--saumon);
	transform: rotate(180deg);
}

.arcs-bas {
	bottom: -1px;
	left: -4rem;
	width: clamp(16rem, 34vw, 34rem);
	color: var(--orange);
}