/* Bioloop — pages légales : thème « Noir absolu », lisible, sans émoji */
:root {
  --bg: #000000; --card: #0E0E0E; --line: #222222; --text: #FFFFFF; --muted: #A3A3A3; --accent: #16EC8B; --warn: #FFB020;
  --font-text: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}
html, body { margin: 0; background: var(--bg); color: var(--text); }
body { font: 400 16px/1.6 var(--font-text); -webkit-font-smoothing: antialiased; padding: 0 16px 64px; }
main { max-width: 720px; margin: 0 auto; }
header { padding: 28px 0 8px; }
.logo { font: 800 22px var(--font-display); letter-spacing: -.03em; }
.logo i { font-style: normal; color: var(--accent); }
h1 { font: 800 30px/1.15 var(--font-display); letter-spacing: -.03em; margin: 18px 0 6px; }
h2 { font: 700 19px/1.3 var(--font-display); letter-spacing: -.02em; margin: 30px 0 8px; }
p, li { color: #E6E6E6; }
.muted { color: var(--muted); font-size: 14px; }
a { color: var(--accent); }
ul { padding-left: 20px; }
li { margin: 4px 0; }
.draft { border: 1px solid var(--warn); color: var(--warn); border-radius: 12px; padding: 10px 14px; font-size: 14px; margin: 14px 0 4px; }
.fill { background: var(--warn); color: #000; font-weight: 700; padding: 0 6px; border-radius: 4px; }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 14px 16px; margin: 10px 0; }
nav { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 34px 0 0; padding-top: 18px; border-top: 1px solid var(--line); font-size: 14px; }
nav a { color: var(--muted); padding: 10px 0; }