@import url("./fonts.css");

:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
    margin: 0; background: #05060f; color: #e6ebf5;
    font: 300 16px/1.75 'Space Grotesk', system-ui, sans-serif;
}
.legal { max-width: 760px; margin: 0 auto; padding: 72px 24px 96px; }
.legal a { color: #c3b6ff; }
.legal a:focus-visible { outline: 2px solid #a98bff; outline-offset: 3px; }
.legal-back { display: inline-block; margin-bottom: 48px; font-size: 13px; letter-spacing: 0.04em; }
.legal h1 { font-weight: 400; font-size: clamp(36px, 6vw, 56px); line-height: 1.05; letter-spacing: -0.03em; margin: 0 0 32px; color: #ffffff; }
.legal h2 { font-weight: 500; font-size: 18px; margin: 40px 0 10px; color: #ffffff; }
.legal p, .legal li { color: #c9d0dc; }
.a-completer { background: rgba(255, 179, 200, 0.12); color: #ffb3c8; padding: 0 6px; border-radius: 4px; font-weight: 500; }
.brouillon {
    border: 1px solid rgba(255, 179, 200, 0.4); border-radius: 14px; padding: 14px 18px; margin-bottom: 40px;
    color: #ffb3c8; font-size: 14px;
}
.legal code { font-size: 0.92em; background: rgba(255, 255, 255, 0.06); padding: 1px 6px; border-radius: 4px; color: #e6ebf5; }