/* Phase 2 placeholder styles. The student theme (Expedition) arrives in phase 7. */
:root { --bg:#f6f4ee; --fg:#22262b; --accent:#2a6f97; --err:#a23b2a; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --bg:#171a1f; --fg:#e8e6df; --accent:#7fb6e0; --err:#ff8a73; color-scheme: dark; } }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.5 system-ui, sans-serif; padding:24px 16px; }
main { max-width:420px; margin:8vh auto 0; }
h1 { font-size:28px; margin:0 0 16px; }
label { display:block; margin-bottom:12px; font-size:14px; }
input { display:block; width:100%; box-sizing:border-box; font-size:18px; padding:10px; margin-top:4px; border:1px solid #9aa; border-radius:6px; background:transparent; color:inherit; }
button { font-size:17px; padding:10px 18px; border:0; border-radius:6px; background:var(--accent); color:#fff; cursor:pointer; }
.err { color:var(--err); }
a { color:var(--accent); }
.holder form { margin-top:24px; }