/* Valley Companion : couleurs de l'appli, polices système (aucune requête vers un service tiers). */
:root { --bg: #1C2338; --card: #2A344F; --text: #FFFFFF; --muted: #C6D0FA; --gold: #F3C56B; }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; color: var(--text);
  background: linear-gradient(160deg, #2A344F 0%, var(--bg) 60%, #232B4A 100%) fixed;
  font: 17px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 680px; margin: 0 auto; padding: 56px 20px 40px; }
a { color: var(--gold); }
header { display: flex; align-items: center; gap: 18px; }
header img { width: 84px; height: 84px; border-radius: 20px; }
h1 { margin: 0; font-size: 2rem; line-height: 1.15; }
.tag { margin: 4px 0 0; color: var(--muted); }
section { margin-top: 32px; padding: 20px 22px; border-radius: 16px; background: var(--card); }
section h2 { margin: 0 0 8px; font-size: 1.1rem; color: var(--gold); }
ul, ol { margin: 0; padding-left: 1.2em; }
footer { margin-top: 32px; color: var(--muted); font-size: 0.9rem; }

/* Pages légales générées depuis docs/store. */
.doc { padding-top: 32px; }
.doc .back { margin: 0 0 24px; font-size: 0.95rem; }
.doc h1 { font-size: 1.7rem; margin-bottom: 12px; }
.doc h2 { margin: 32px 0 8px; font-size: 1.2rem; color: var(--gold); }
.doc p, .doc ul, .doc ol { margin: 0 0 12px; }
.doc li { margin-bottom: 4px; }
.doc em { color: var(--muted); }