/* Pages publiques de talesofthelantern.com (servies par le tunnel Cloudflare) */
:root { --fond: #f6f1e7; --texte: #241f17; --doux: #5e5546; --accent: #8a5a12; --carte: #fffaf0; --bord: #e2d6bf; color-scheme: light dark; }
@media (prefers-color-scheme: dark) {
  :root { --fond: #12100c; --texte: #ece4d3; --doux: #b6aa94; --accent: #e3a94e; --carte: #1b1812; --bord: #332c20; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--fond); color: var(--texte); font: 17px/1.6 Georgia, "Times New Roman", serif; }
main { max-width: 720px; margin: 0 auto; padding: 48px 20px 64px; }
header { display: flex; align-items: center; gap: 16px; margin-bottom: 32px; }
header img { width: 72px; height: 72px; border-radius: 50%; }
header a { color: inherit; text-decoration: none; }
h1 { font-size: 30px; margin: 0; line-height: 1.2; } h2 { font-size: 22px; margin: 36px 0 8px; } h3 { font-size: 18px; margin: 24px 0 4px; }
.sous { color: var(--doux); margin: 2px 0 0; font-style: italic; }
a { color: var(--accent); }
.liens { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0; padding: 0; list-style: none; }
.liens a { display: inline-block; padding: 8px 14px; border: 1px solid var(--bord); border-radius: 999px; background: var(--carte); text-decoration: none; }
.langue { border-top: 1px solid var(--bord); margin-top: 40px; padding-top: 8px; }
footer { margin-top: 48px; color: var(--doux); font-size: 14px; border-top: 1px solid var(--bord); padding-top: 16px; }
footer a { margin-right: 14px; }