/* NordWarmi avalikud lehed (sisselogimine, kutse, uus parool, privaatsus).
   Värvid = mobile_app/lib/disain.dart Paletid. */
:root { --taust:#E9EAE6; --pind:#FFFFFF; --tekst:#1D2022; --teisene:#5C625F; --sammal:#3F6B32; --sammal-peal:#FFFFFF; --joon:#D9DCD7; color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root { --taust:#17191A; --pind:#222527; --tekst:#F2F3F1; --teisene:#A3A8A6; --sammal:#8FB37A; --sammal-peal:#17191A; --joon:#2E3235; color-scheme: dark; }
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--taust); color: var(--tekst);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width: 420px; margin: 0 auto;
  padding: calc(env(safe-area-inset-top, 0px) + 56px) 20px calc(env(safe-area-inset-bottom, 0px) + 32px); }
.logo { font-size: 28px; font-weight: 800; letter-spacing: -0.4px; margin: 0 0 28px; }
.logo span { color: var(--sammal); }
p { font-size: 16px; line-height: 1.45; color: var(--teisene); margin: 0 0 24px; }
label { display: block; font-size: 15px; font-weight: 600; margin-bottom: 8px; }
input[type=password], input[type=email] { width: 100%; height: 52px; padding: 0 16px; font-size: 17px; color: var(--tekst);
  background: var(--pind); border: 1px solid var(--joon); border-radius: 12px; }
input[type=password]:focus, input[type=email]:focus { outline: 2px solid var(--sammal); outline-offset: 1px; }
button { width: 100%; height: 56px; margin-top: 16px; font-size: 17px; font-weight: 700; border: 0;
  border-radius: 18px; color: var(--sammal-peal); background: var(--sammal); cursor: pointer; }
.viga { color: var(--tekst); font-weight: 600; margin: 12px 0 0; }
.vali + label { margin-top: 16px; }
a { color: var(--sammal); font-weight: 600; }
.lisa { margin-top: 24px; font-size: 15px; }
[hidden] { display: none !important; }
input[type=checkbox] { width: 20px; height: 20px; accent-color: var(--sammal); vertical-align: middle; }
.rida { display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 15px; color: var(--teisene); }
.korras { color: var(--sammal); }
h2 { font-size: 19px; margin: 28px 0 8px; }