/* Shared styling for the standalone legal pages — matches the app's "coffee" palette. Dark by default (the app's default theme); follows the OS preference for light. Variables mirror packages/web/src/styles.css. */ :root { --bg: #16140f; --bg-grad: radial-gradient(1200px 700px at 50% -10%, #211d15 0%, #16140f 60%); --surface: #211e18; --border: #36312a; --text: #ece7db; --muted: #a49c8c; --accent: #d2a24c; --warn: #d8a64a; color-scheme: dark; } @media (prefers-color-scheme: light) { :root { --bg: #f5f3ee; --bg-grad: radial-gradient(1200px 700px at 50% -10%, #fffdf8 0%, #f1eee6 60%); --surface: #ffffff; --border: #e6e0d4; --text: #221f1a; --muted: #726a5c; --accent: #b07c1e; --warn: #a9781f; color-scheme: light; } } * { box-sizing: border-box; } body { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; max-width: 760px; margin: 0 auto; padding: 44px 18px 64px; line-height: 1.62; background: var(--bg); background-image: var(--bg-grad); background-attachment: fixed; color: var(--text); -webkit-font-smoothing: antialiased; } h1 { font-size: 1.7rem; letter-spacing: -0.02em; margin: 0 0 10px; } h2 { font-size: 1.12rem; letter-spacing: -0.01em; margin: 26px 0 8px; } a { color: var(--accent); text-decoration: none; } a:hover { text-decoration: underline; } code { background: var(--surface); border: 1px solid var(--border); padding: 1px 6px; border-radius: 6px; font-size: 0.92em; } table { border-collapse: collapse; margin: 14px 0; } td { padding: 6px 18px 6px 0; vertical-align: top; } td.k { color: var(--muted); white-space: nowrap; } ul { padding-left: 20px; } .note { background: var(--surface); border: 1px solid var(--warn); padding: 12px 16px; border-radius: 12px; } .muted { color: var(--muted); } /* Language follows the OS/browser locale (set on by an inline script). */ html[lang="ru"] .en { display: none; } html[lang="en"] .ru { display: none; }