/* The fonts are served by the site itself: no request to a third party. */
@font-face { font-family: 'Lilita One'; font-weight: 400; font-display: swap; src: url('fonts/LilitaOne_400Regular.ttf') format('truetype'); }
@font-face { font-family: 'Nunito'; font-weight: 700; font-display: swap; src: url('fonts/Nunito_700Bold.ttf') format('truetype'); }
@font-face { font-family: 'Nunito'; font-weight: 800; font-display: swap; src: url('fonts/Nunito_800ExtraBold.ttf') format('truetype'); }
:root { --piment: #FF4B3E; --soleil: #FFC93C; --menthe: #13A08C; --electrique: #7B3FF2; --creme: #FFF4E4; --encre: #2B1570; --lavande: #5B4A8A; }
* { box-sizing: border-box; }
html { background: var(--creme); }
body { margin: 0; font-family: 'Nunito', system-ui, sans-serif; font-weight: 700; color: var(--encre); background: var(--creme); line-height: 1.55; }
main { max-width: 720px; margin: 0 auto; padding: 32px 20px 64px; }
header { text-align: center; margin-bottom: 24px; }
header img { width: min(280px, 70vw); height: auto; }
h1, h2 { font-family: 'Lilita One', 'Nunito', system-ui, sans-serif; font-weight: 400; line-height: 1.15; }
h1 { font-size: clamp(30px, 7vw, 42px); margin: 8px 0 4px; }
h2 { font-size: 24px; margin: 32px 0 8px; }
p, li { font-size: 17px; }
a { color: var(--electrique); }
.subtitle { letter-spacing: 3px; text-transform: uppercase; font-weight: 800; margin: 0; }
.card { background: #fff; border: 4px solid var(--encre); border-radius: 28px; padding: 18px 22px; margin: 18px 0; box-shadow: 5px 6px 0 var(--encre); }
.muted { color: var(--lavande); font-size: 15px; }
.lang { text-align: right; font-size: 15px; }
.buttons { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 24px 0; }
.button { display: inline-block; padding: 12px 22px; border-radius: 999px; border: 4px solid var(--encre); background: var(--soleil); color: var(--encre); text-decoration: none; font-weight: 800; }
footer { text-align: center; margin-top: 40px; font-size: 15px; color: var(--lavande); }