/* Café Fausse API docs — self-hosted, no external fonts or CDN (CSP: style-src 'self'). */
:root { color-scheme: light dark; --fg: #1d1a16; --bg: #fbf8f3; --muted: #6b6259; --line: #e4dccf; --accent: #7a1f2b; }
@media (prefers-color-scheme: dark) { :root { --fg: #efe9e1; --bg: #16130f; --muted: #a99e92; --line: #3a332b; --accent: #e3a3ab; } }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.5 system-ui, sans-serif; color: var(--fg); background: var(--bg); }
main { max-width: 64rem; margin-inline: auto; padding: 1.5rem 1rem 4rem; }
h1 { font-size: 1.6rem; margin: 0 0 .25rem; }
h2 { font-size: 1.15rem; margin: 2rem 0 .5rem; border-block-end: 1px solid var(--line); padding-block-end: .25rem; }
p.lead { color: var(--muted); margin-block-start: 0; }
details { border: 1px solid var(--line); border-radius: .5rem; margin-block: .5rem; padding: .5rem .75rem; }
summary { cursor: pointer; display: flex; gap: .75rem; align-items: baseline; flex-wrap: wrap; }
.method { font: 600 .8rem/1 ui-monospace, monospace; text-transform: uppercase; padding: .2rem .45rem;
          border-radius: .25rem; background: var(--accent); color: var(--bg); min-inline-size: 3.6rem; text-align: center; }
.path { font-family: ui-monospace, monospace; overflow-wrap: anywhere; }
.summary { color: var(--muted); }
table { border-collapse: collapse; inline-size: 100%; font-size: .9rem; margin-block: .5rem; }
th, td { text-align: start; padding: .3rem .5rem; border-block-end: 1px solid var(--line); vertical-align: top; }
pre { overflow-x: auto; padding: .6rem; border: 1px solid var(--line); border-radius: .35rem; font-size: .8rem; }
.error { color: var(--accent); }
