/* One rose identity from the public pages through the classroom. */
:root{--ink:#8c4960;--blue:#8c4960;--deep:#71364c;--muted:#856b75;--line:#e8d9df}
#home-page,#login-page{color:var(--ink)}
#home-page .home-intro,#home-page .home-teacher,#home-page .home-feature p{color:#71364c}
#home-page .home-login{border-color:#cfb3bf}
#home-page .home-primary:hover{background:var(--deep)}
#login-page .brand,#login-page .brand small,#login-page .math-flourish,#login-page .bottom-maths{color:var(--ink)}
#login-page .flourish-line{background:#e8d9df}
#login-page .field{color:var(--muted);border-color:var(--line)}
#login-page .field:focus-within{border-color:var(--ink)}
#login-page .field input::placeholder{color:var(--muted)}
#login-page .connection.ready:before{background:var(--ink)}
#login-page .math-background{background-image:radial-gradient(#8c49600c .8px,transparent .8px),radial-gradient(ellipse at 50% 40%,#fff 10%,transparent 75%)}
#login-page .math-art{filter:grayscale(1) sepia(.45) saturate(1.8) hue-rotate(290deg)}
#login-page button:focus-visible,#login-page input:focus-visible,#home-page a:focus-visible{outline-color:#b97490}