@tailwind base;
@tailwind components;
@tailwind utilities;

/* ───────── Branding ───────── */
:root{
	--fr-primary:#173A86;
	font-family:'Poppins',sans-serif;
}

/* ───────── Bouton primaire ───────── */
.fr-btn-primary{
	background:var(--fr-primary);
	color:#fff;
	padding:1rem 2rem;
	border:none !important;         /* AUCUNE bordure */
	border-radius:0.875rem;         /* 14 px */
	font-weight:600;
	transition:transform .15s;
}
.fr-btn-primary:hover,
.fr-btn-primary:focus{
	background:var(--fr-primary);   /* même couleur */
	transform:translateY(-2px);
	outline:none;                   /* pas de contour */
	box-shadow:none;
}

/* ───────── Inputs « soft » ───────── */
.fr-input{
	display:block;
	width:100%;
	padding:1rem 1.15rem;
	border:1px solid #D4D7DD;       /* gris doux */
	border-radius:0.875rem;         /* 14 px */
	background:#FFFFFF;
	color:#1F2937;                  /* gray-800 */
	font-size:1rem;
	transition:border-color .2s,box-shadow .2s;
}
.fr-input::placeholder{color:#9CA3AF} /* gray-400 */
.fr-input:focus{
	border-color:var(--fr-primary);
	box-shadow:0 0 0 3px color-mix(in srgb,var(--fr-primary) 35%, transparent);
	outline:none;
}

/* ───────── Radio group ───────── */
.fr-radio{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem}

/* ───────── Cartes & titres ───────── */
.fr-card h1,
.fr-card h2,
.prose h2{
	text-transform:none;
	font-size:26px;
	font-weight:600;
	color:var(--fr-primary);
	margin-top:1rem;
	margin-bottom:.65rem;
}

/* ───────── Prose Markdown ───────── */
.prose ul{list-style:disc;margin-left:1.25rem}
.prose li{margin-bottom:.35rem}
.prose p{margin-bottom:1rem;line-height:1.7}