@font-face { font-family: "Urbanist"; font-weight: 400; src: url(polices/urbanist-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Urbanist"; font-weight: 500; src: url(polices/urbanist-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family: "Urbanist"; font-weight: 600; src: url(polices/urbanist-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family: "Urbanist"; font-weight: 700; src: url(polices/urbanist-latin-700-normal.woff2) format("woff2"); }
@font-face { font-family: "Urbanist"; font-weight: 800; src: url(polices/urbanist-latin-800-normal.woff2) format("woff2"); }
:root { --fond: #F4F4F5; --surface: #FFFFFF; --texte: #18181B; --doux: #71717A; --bord: #E7E7EA; --bord-fort: #D4D4D8; --rouge: #DC2626; --vert: #16A34A; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { font-family: "Urbanist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--texte); background: var(--surface); -webkit-font-smoothing: antialiased; line-height: 1.45; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.logo { display: inline-flex; align-items: center; gap: 9px; line-height: 1; }
.logo img { width: 26px; height: 26px; border-radius: 7px; }
.logo b { font-size: 21px; font-weight: 750; letter-spacing: -0.045em; padding-bottom: 2px; }
.btn { display: inline-flex; align-items: center; justify-content: center; height: 42px; padding: 0 18px; border-radius: 10px; font-weight: 600; font-size: 15px; border: 1px solid var(--texte); background: var(--texte); color: #fff; white-space: nowrap; }
.btn.contour { background: transparent; color: var(--texte); border-color: var(--bord-fort); }
.btn.petit { height: 36px; padding: 0 14px; font-size: 14px; }