/* Styles for the plain pages: privacy policy, terms of use, account deletion */
@font-face { font-family: 'Baloo 2'; font-weight: 800; src: url(../fonts/baloo-2-latin-800-normal.woff2) format('woff2'); }
@font-face { font-family: 'Nunito'; font-weight: 400; src: url(../fonts/nunito-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Nunito'; font-weight: 700; src: url(../fonts/nunito-latin-700-normal.woff2) format('woff2'); }
:root { --ink: #22304A; --bg: #FFFCF2; --card: #fff; --line: #E6E1D3; --muted: #5B6680; --accent: #5A40DD; --danger: #E5484D; --good: #1E9E92; }
@media (prefers-color-scheme: dark) { :root { --ink: #EEF1F8; --bg: #131927; --card: #1C2436; --line: #2D3750; --muted: #A7B0C4; --accent: #A895FF; } }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.65 Nunito, system-ui, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 32px 16px 64px; }
h1, h2 { font-family: 'Baloo 2', system-ui, sans-serif; line-height: 1.15; }
h1 { font-size: 36px; margin: 0 0 4px; }
h2 { font-size: 22px; margin: 32px 0 6px; }
p.meta, p.muted { color: var(--muted); margin-top: 0; }
a { color: var(--accent); overflow-wrap: anywhere; }
li { margin: 4px 0; }
form { display: grid; gap: 14px; margin-top: 20px; background: var(--card); border: 2px solid var(--line); border-radius: 18px; padding: 18px; }
label { font-weight: 700; display: grid; gap: 6px; }
input { font: inherit; padding: 10px 12px; border-radius: 12px; border: 2px solid var(--line); background: var(--bg); color: var(--ink); }
button { font: 800 18px 'Baloo 2', system-ui, sans-serif; padding: 12px; border: 0; border-radius: 14px; background: var(--danger); color: #fff; cursor: pointer; }
button:disabled { opacity: .6; }
#status { min-height: 1.6em; font-weight: 700; margin: 0; }
.bad { color: var(--danger); } .good { color: var(--good); }
main.narrow { max-width: 480px; }