/* Style partagé des pages légales statiques (cgu_fit.html, cgv_fit.html).
   Palette calquée sur .feature-card / .feature-title / .feature-desc d'accueil.html. */
:root {
  color-scheme: dark;
  --bg:          #040c10;
  --bg2:         #071a20;
  --bg3:         #0a2230;
  --border:      #1a4a3a;
  --blue:        #4ecdc4;
  --text:        #ccd4d0;
  --text-dim:    #6a8a7a;
  --orange:      #ffa726;
  --title-color: #d8e8f8;
  --body-grad:   linear-gradient(180deg, #040c10 0%, #071a20 50%, #050e14 100%);
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg:          #ffffff;
  --bg2:         #f4f9f8;
  --bg3:         #eef3f9;
  --border:      #cfe8e2;
  --blue:        #0f9d92;
  --text:        #1f2e2a;
  --text-dim:    #5a7a6e;
  --orange:      #f57c00;
  --title-color: var(--text);
  --body-grad:   linear-gradient(180deg, #ffffff 0%, #f4f9f8 50%, #eef6f4 100%);
}
* { box-sizing: border-box; }
html { scrollbar-width: thin; scrollbar-color: var(--border) transparent; }
html::-webkit-scrollbar { width: 3px; }
html::-webkit-scrollbar-track { background: transparent; }
html::-webkit-scrollbar-thumb { background: transparent; border-radius: 2px; }
html:hover::-webkit-scrollbar-thumb { background: var(--border); }
body {
  margin: 0;
  font-family: 'Segoe UI', Arial, sans-serif;
  background: var(--body-grad);
  background-attachment: fixed;
  color: var(--text-dim);
  line-height: 1.65;
}
.topbar {
  display: flex; align-items: center; gap: 10px;
  padding: 14px 20px; border-bottom: 1px solid var(--border);
  background: var(--bg2);
}
.topbar a {
  color: var(--blue); text-decoration: none; font-size: 13px; font-weight: 600;
}
.topbar a:hover { text-decoration: underline; }
.topbar .brand { margin-left: auto; color: var(--text-dim); font-size: 13px; }
.wrap { max-width: 760px; margin: 0 auto; padding: 32px 24px 80px; }
h1 { font-size: 1.5rem; margin: 0 0 4px; color: var(--title-color); }
.updated { color: var(--text-dim); font-size: 12px; margin-bottom: 28px; }
.draft-note {
  background: rgba(255,167,38,0.1); border: 1px solid var(--orange);
  border-radius: 8px; padding: 12px 16px; font-size: 13px; margin-bottom: 32px;
  color: var(--text-dim);
}
.draft-note b { color: var(--orange); }
h2 {
  font-size: 1.05rem; color: var(--title-color); margin: 32px 0 10px;
  padding-bottom: 6px; border-bottom: 1px solid var(--border);
}
p, li { font-size: 14px; color: var(--text-dim); }
ul { padding-left: 20px; }
li { margin-bottom: 6px; }
table { border-collapse: collapse; width: 100%; margin: 12px 0; font-size: 13px; }
th, td { text-align: left; padding: 6px 10px; border-bottom: 1px solid var(--border); color: var(--text-dim); }
th { color: var(--title-color); font-weight: 700; }
.placeholder {
  background: rgba(255,167,38,0.15); color: var(--orange);
  padding: 1px 6px; border-radius: 4px; font-size: 13px; font-weight: 600;
}
strong { color: var(--title-color); }