:root { --fond: #ffffff; --texte: #1d2433; --doux: #5b6478; --accent: #1f6fb2; --jaune: #F3B61F; --bord: #d9dee8; }
@media (prefers-color-scheme: dark) { :root { --fond: #12161f; --texte: #e8ebf2; --doux: #a3abbd; --accent: #6fb0e8; --bord: #2c3445; } }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; background: var(--fond); color: var(--texte); line-height: 1.5; }
header { padding: 12px 16px; border-bottom: 3px solid var(--jaune); }
header a { color: var(--texte); font-weight: 700; text-decoration: none; }
main { max-width: 880px; margin: 0 auto; padding: 16px; }
a { color: var(--accent); }
button, input[type=file] { font: inherit; }
button { padding: 10px 16px; border-radius: 8px; border: 1px solid var(--bord); background: var(--accent); color: #fff; cursor: pointer; }
button:disabled { opacity: .5; cursor: wait; }
pre { background: rgba(127,127,127,.12); padding: 12px; border-radius: 8px; overflow-x: auto; white-space: pre-wrap; word-break: break-word; }
img { max-width: 100%; height: auto; }
.carte { width: 100%; height: 360px; border-radius: 8px; border: 1px solid var(--bord); }
iframe.carte { border: 0; }