/* The public pages (/, /privacy, /terms in crates/family-mcp/src/pages.rs): the app's tokens from src/style.css. */
:root{--paper:#fbf7f2;--card:#fff;--sand-100:#efe6db;--sand-200:#e2d5c5;--ink:#3b322b;--ink-soft:#6f6359;--accent:#c0643f;--accent-dark:#a14f2e}
html{-webkit-text-size-adjust:100%}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,'SF Pro Rounded',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
main{max-width:42rem;margin:2rem auto;padding:1.5rem 1.25rem;background:var(--card);border-radius:1.25rem;box-shadow:0 1px 2px rgba(59,50,43,.06),0 4px 16px rgba(59,50,43,.05);outline:1px solid var(--sand-100)}
@media (max-width:44rem){main{margin:1rem;padding:1.25rem 1rem}}
h1{font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.01em;margin:0 0 1rem}
h2{font-size:19px;font-weight:700;margin:1.75rem 0 .5rem}
p,ul{margin:0 0 1rem}ul{padding-left:1.25rem}li{margin-bottom:.4rem}
a{color:var(--accent-dark);overflow-wrap:anywhere}
.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:9999px;padding:.5rem 1.5rem;background:var(--accent);color:#fff;font-weight:600;text-decoration:none}
.btn:hover{background:var(--accent-dark)}
.actions{margin:1.5rem 0}
.links{color:var(--ink-soft);font-size:15px;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--sand-100)}