/* Field and method icon colours for the auth pages.
 *
 * One file rather than a copy in each page's <style>: sign-in and sign-up show the same envelope
 * and the same key, and two copies of a palette are two things to keep in step.
 *
 * Not the injected .jch-nav-* classes, deliberately. These pages have a glass variant an admin can
 * switch on and off, and some of them render without the navbar at all - a form field icon must
 * not depend on which version is showing, nor on the brand stylesheet having been injected first.
 *
 * Values match the shared six-tone palette used by the navbar, the menus and the admin console.
 */

.si-blue   { color: #2f66ea; }
.si-amber  { color: #b45309; }
.si-violet { color: #6d3fd4; }
.si-green  { color: #15803d; }
.si-cyan   { color: #0284c7; }

/* Lifted for the dark theme, where the light values sit too close to the surface. */
[data-bs-theme="dark"] .si-blue   { color: #7ea6ff; }
[data-bs-theme="dark"] .si-amber  { color: #f0b429; }
[data-bs-theme="dark"] .si-violet { color: #b79dff; }
[data-bs-theme="dark"] .si-green  { color: #4ade80; }
[data-bs-theme="dark"] .si-cyan   { color: #38bdf8; }

/* The glass variant floats a translucent panel over a dark backdrop, so the icons have to come up
   with it - the light-theme hues sink into the panel and stop reading. This wins over the
   dark-theme block above by specificity, which is what we want: the glass panel is dark whichever
   colour theme the reader has chosen. */
.jch-auth-glass .si-blue   { color: #9dbcff; }
.jch-auth-glass .si-amber  { color: #ffd479; }
.jch-auth-glass .si-violet { color: #cbb6ff; }
.jch-auth-glass .si-green  { color: #7ee2a8; }
.jch-auth-glass .si-cyan   { color: #7dd3fc; }