/* Mirrored semantic colors from lib/design/tokens.dart; Inter matches the app. */
@font-face { font-family: Inter; src: url('/assets/assets/fonts/InterVariable.ttf') format('truetype'); font-weight: 100 900; font-display: swap; }
:root { color-scheme: light dark; --background: #f4efe4; --surface: #fbf7ee; --text: #15130e; --muted: #4a4338; --accent: #0e5550; --line: #dcd2bb; }
@media (prefers-color-scheme: dark) { :root { --background: #0d1b18; --surface: #16302a; --text: #ece7da; --muted: #9db3ac; --accent: #5fbfb6; --line: #21372f; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--background); color: var(--text); font: 1rem/1.65 Inter, system-ui, sans-serif; }
main { max-width: 54rem; margin: auto; padding: 2rem 1.25rem 4rem; }
header { border-bottom: 1px solid var(--line); padding-block-end: 1.5rem; }
a { color: var(--accent); text-underline-offset: .2em; }
a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
nav { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; margin-block: 1rem; }
nav a { min-height: 3rem; display: inline-flex; align-items: center; }
h1 { font-size: clamp(1.75rem, 6vw, 2.5rem); line-height: 1.2; overflow-wrap: anywhere; }
#legal-meta, #legal-status { color: var(--muted); }
#legal-body { white-space: pre-wrap; overflow-wrap: anywhere; }
article { padding-block: 1.5rem; }
footer { border-top: 1px solid var(--line); padding-block-start: 1rem; }