/* GENERATED by tools/theme-light.py from login/login.css (+ tools/theme-light-extras/login-light.css). Do not edit by hand. */
html[data-theme="light"] body { background: #f7f7f5; color: #0b0b0b; }
html[data-theme="light"] :focus-visible { outline: 2px solid #000000; }
html[data-theme="light"] .brand { color: #0b0b0b; }
html[data-theme="light"] .preview-pill { color: #222222; border: 1px dashed #a3a3a3; background: rgba(11,11,11,0.028); }
html[data-theme="light"] .pdot { background: #0b0b0b; }
html[data-theme="light"] .glow { background: radial-gradient(closest-side, rgba(11,11,11,0.063), rgba(11,11,11,0.021) 45%, transparent 72%); }
html[data-theme="light"] .lede { color: #373737; }
html[data-theme="light"] .bubble { background: #0b0b0b; color: #f7f7f7; box-shadow: 0 0 0 1px rgba(0,0,0,0.54), 0 10px 40px -8px rgba(0,0,0,0.168); }
html[data-theme="light"] .bubble:hover { box-shadow: 0 0 0 1px #000000, 0 16px 50px -8px rgba(0,0,0,0.24); }
html[data-theme="light"] .bubble:focus-visible { outline: 3px solid #000000; }
html[data-theme="light"] .bubble-tail { color: #0b0b0b; }
html[data-theme="light"] .alt { border: 1px solid #d4d4d4; background: #ffffff; color: #6e6e6e; }
html[data-theme="light"] .soon { color: #505050; border: 1px solid #cccccc; }
html[data-theme="light"] .notice { background: #ffffff; border: 1px solid #cfcfcf; color: #151515; }
html[data-theme="light"] .notice strong { color: #0b0b0b; }
html[data-theme="light"] .notice a { color: #0b0b0b; }
html[data-theme="light"] .notice.ok { background: #ffffff; color: #373737; }
html[data-theme="light"] .mock-note { color: #5e5e5e; }
html[data-theme="light"] .mock-note a { color: #2a2a2a; }
html[data-theme="light"] .mock-note b { color: #222222; }
html[data-theme="light"] .fine { color: #5e5e5e; }
html[data-theme="light"] .fine a { color: #171717; }
html[data-theme="light"] .foot { color: #6e6e6e; }
html[data-theme="light"] .foot a:hover { color: #0b0b0b; }
html[data-theme="light"] .signup { border-top: 1px solid #d9d9d9; color: #484848; }
html[data-theme="light"] .signup a { color: #0b0b0b; }
/* shared */
html[data-theme="light"] svg:has(> use[href^="#sono-mascot"]) { filter: invert(1); }