/* /assets/pages.css — pages secondaires, mêmes tokens que index.html (Design system v3) */
:root{
  --c-paper:#F5F1EA; --c-paper-warm:#EEE7D8; --c-paper-deep:#E4DBC8;
  --c-ink:#1A1613; --c-ink-soft:#55504A; --c-ink-mute:#8A8378;
  --c-line:#E0D5BE; --c-line-hard:#C8BBA0; --c-card:#FFFFFF; --c-card-tint:#FAF6EE;
  --c-rust:#B8532F; --c-rust-hi:#D0653E; --c-rust-lo:#97401F;
  --c-safelight:#C97A2C; --c-phosphor:#4A8A6B; --c-danger:#A83A2E;

  --bg:var(--c-paper); --bg-alt:var(--c-paper-warm);
  --surface:var(--c-card); --surface-alt:var(--c-card-tint);
  --text:var(--c-ink); --text-soft:var(--c-ink-soft); --text-mute:var(--c-ink-mute);
  --border:var(--c-line); --border-hard:var(--c-line-hard);
  --accent:var(--c-rust); --accent-hi:var(--c-rust-hi); --accent-lo:var(--c-rust-lo);
  --ok:var(--c-phosphor);

  --r-xs:3px; --r-sm:6px; --r-md:10px; --r-lg:14px;
  --sh-1:0 1px 2px rgba(26,22,19,.05), 0 1px 1px rgba(26,22,19,.03);
  --sh-2:0 2px 6px rgba(26,22,19,.06), 0 4px 12px rgba(26,22,19,.04);

  --f-sans:'Inter', system-ui, sans-serif;
  --f-display:'Space Grotesk', 'Inter', sans-serif;
  --f-mono:'JetBrains Mono', ui-monospace, monospace;
  --ease-out:cubic-bezier(.22,.61,.36,1);
  --dur-fast:140ms;
}
body.dark{
  --c-paper:#12100E; --c-paper-warm:#191510; --c-paper-deep:#221C15;
  --c-ink:#F2EADD; --c-ink-soft:#B0A48F; --c-ink-mute:#756B5D;
  --c-line:#2C241C; --c-line-hard:#3E3427;
  --c-card:#1B1710; --c-card-tint:#221C14;
  --c-rust:#E8874A; --c-rust-hi:#F09E68; --c-rust-lo:#C56828;
  --c-safelight:#DDA65F; --c-phosphor:#7EB596;
}

*{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:var(--f-sans);font-size:15px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
  transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
.wrap{max-width:760px;margin:0 auto;padding:0 24px 100px}

.topbar{
  padding:20px 24px;border-bottom:1px solid var(--border);
  display:flex;justify-content:space-between;align-items:center;
}
.topbar a.home{
  font-family:var(--f-display);font-weight:700;font-size:16px;
  color:var(--text);text-decoration:none;
}
.topbar a.back{
  font-family:var(--f-mono);font-size:11px;color:var(--text-soft);
  text-decoration:none;text-transform:uppercase;letter-spacing:.05em;
  transition:color var(--dur-fast) var(--ease-out);
}
.topbar a.back:hover{color:var(--accent)}

h1{
  font-family:var(--f-display);font-weight:700;font-size:34px;
  letter-spacing:-.02em;margin:44px 0 8px;
}
.updated{
  font-family:var(--f-mono);font-size:11px;color:var(--text-mute);
  text-transform:uppercase;letter-spacing:.05em;margin-bottom:36px;
}
h2{
  font-family:var(--f-display);font-weight:600;font-size:19px;
  margin:36px 0 12px;
}
p,li{color:var(--text-soft)}
ul,ol{padding-left:22px}
li{margin-bottom:8px}
strong{color:var(--text)}
a{color:var(--accent);transition:color var(--dur-fast) var(--ease-out)}
a:hover{color:var(--accent-hi)}
code{
  font-family:var(--f-mono);font-size:.9em;
  background:var(--bg-alt);padding:2px 6px;border-radius:var(--r-xs);
}

.card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-md);padding:20px 22px;margin:18px 0;
  box-shadow:var(--sh-1);
}
.note{
  background:var(--bg-alt);border-left:3px solid var(--accent);
  padding:14px 18px;font-size:13.5px;margin:24px 0;border-radius:var(--r-xs);
}
.status-ok{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--f-mono);font-size:13px;font-weight:600;
  color:var(--ok);
}
.status-ok .dot{width:9px;height:9px;border-radius:50%;background:var(--ok)}

table{width:100%;border-collapse:collapse;margin:16px 0}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:13.5px}
th{font-family:var(--f-mono);font-size:11px;text-transform:uppercase;color:var(--text-mute)}

.lang-notice{
  font-family:var(--f-mono);font-size:11.5px;color:var(--text-mute);
  font-style:italic;margin:-24px 0 32px;
}