/* GENERATED by reading_src/theme/_build.py from the dark styles - do not edit;
   hand-written fixes live in reading_src/theme/extra/index.css */
html[data-theme="light"]{--paper:#f4f4f4}
html[data-theme="light"]{--card:#fdfdfd}
html[data-theme="light"]{--card2:#ffffff}
html[data-theme="light"]{--line:#d0d0d0}
html[data-theme="light"]{--line2:#c0c0c0}
html[data-theme="light"]{--ink:#161616}
html[data-theme="light"]{--mut:#636363}
html[data-theme="light"]{--faint:#818181}
html[data-theme="light"]{--hl:#255cac}
html[data-theme="light"]{--hlink:#e3f0ff}
html[data-theme="light"]{--gold:#795200}
html[data-theme="light"]{--cream:#141414}
html[data-theme="light"]{--creamink:#f9f9f9}
html[data-theme="light"] body{color:var(--ink)}
html[data-theme="light"] body{background:var(--paper)}
html[data-theme="light"] body{background-image:radial-gradient(1100px 520px at 8% -10%, #ffffff 0%, transparent 62%),
      radial-gradient(900px 460px at 96% -6%, #fefefe 0%, transparent 58%)}
html[data-theme="light"] body::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
html[data-theme="light"] ::selection{background:var(--hl)}
html[data-theme="light"] ::selection{color:var(--hlink)}
html[data-theme="light"] a{color:inherit}
html[data-theme="light"] a{text-decoration:none}
html[data-theme="light"] .brand i{background:var(--hl)}
html[data-theme="light"] .brand i{box-shadow:0 0 0 4px rgba(37,92,172,0.16)}
html[data-theme="light"] .nlink{color:var(--mut)}
html[data-theme="light"] .nlink:hover{color:var(--ink)}
html[data-theme="light"] .nlink:hover{background:var(--card)}
html[data-theme="light"] .nbtn{background:var(--cream)}
html[data-theme="light"] .nbtn{color:var(--creamink)}
html[data-theme="light"] .nbtn{box-shadow:0 8px 22px rgba(40,30,18,0.119)}
html[data-theme="light"] .nbtn:hover{background:#0b0b0b}
html[data-theme="light"] .eyebrow{color:var(--gold)}
html[data-theme="light"] .eyebrow::before{background:#9b7f4e}
html[data-theme="light"] .lead{color:var(--mut)}
html[data-theme="light"] .lead b{color:var(--ink)}
html[data-theme="light"] .btn{border:none}
html[data-theme="light"] .btn-main{background:var(--cream)}
html[data-theme="light"] .btn-main{color:var(--creamink)}
html[data-theme="light"] .btn-main{box-shadow:0 12px 30px rgba(40,30,18,0.14)}
html[data-theme="light"] .btn-main:hover{background:#0b0b0b}
html[data-theme="light"] .btn-main:hover{box-shadow:0 18px 40px rgba(40,30,18,0.168)}
html[data-theme="light"] .btn-ghost{background:transparent}
html[data-theme="light"] .btn-ghost{color:var(--mut)}
html[data-theme="light"] .btn-ghost{border:1px solid var(--line2)}
html[data-theme="light"] .btn-ghost:hover{color:var(--ink)}
html[data-theme="light"] .btn-ghost:hover{border-color:#939393}
html[data-theme="light"] .micro{color:var(--faint)}
html[data-theme="light"] .demo-card{background:#fafafa}
html[data-theme="light"] .demo-card{border:1px solid var(--line)}
html[data-theme="light"] .demo-card{box-shadow:0 3px 10px rgba(40,30,18,0.14),0 40px 80px rgba(40,30,18,0.175)}
html[data-theme="light"] .demo-head{border-bottom:1px solid var(--line)}
html[data-theme="light"] .demo-title{color:var(--ink)}
html[data-theme="light"] .demo-lvl{color:var(--hlink)}
html[data-theme="light"] .demo-lvl{background:var(--hl)}
html[data-theme="light"] .demo-text{color:#1f1f1f}
html[data-theme="light"] .demo-text .w.read{color:#878787}
html[data-theme="light"] .demo-text .w.on{color:var(--ink,#161616)}
html[data-theme="light"] .demo-text .w.on{text-decoration:underline}
html[data-theme="light"] .demo-bar{border-top:1px solid var(--line)}
html[data-theme="light"] .play{border:none}
html[data-theme="light"] .play{background:var(--cream)}
html[data-theme="light"] .play{color:var(--creamink)}
html[data-theme="light"] .play{box-shadow:0 8px 22px rgba(40,30,18,0.14)}
html[data-theme="light"] .play:hover{background:#0b0b0b}
html[data-theme="light"] .play svg{fill:currentColor}
html[data-theme="light"] .track{background:#ffffff}
html[data-theme="light"] .track i{background:var(--hl)}
html[data-theme="light"] .demo-hint{color:var(--faint)}
html[data-theme="light"] .demo-tag{background:var(--gold)}
html[data-theme="light"] .demo-tag{color:#fcecd3}
html[data-theme="light"] .demo-tag{box-shadow:0 8px 20px rgba(40,30,18,0.14)}
html[data-theme="light"] .stats{border-top:1px solid var(--line)}
html[data-theme="light"] .stats{border-bottom:1px solid var(--line)}
html[data-theme="light"] .stat+.stat::before{background:var(--line)}
html[data-theme="light"] .stat span{color:var(--mut)}
html[data-theme="light"] .kicker{color:var(--gold)}
html[data-theme="light"] .sec-head p{color:var(--mut)}
html[data-theme="light"] .step{background:var(--card)}
html[data-theme="light"] .step{border:1px solid var(--line)}
html[data-theme="light"] .step:hover{border-color:#939393}
html[data-theme="light"] .step:hover{box-shadow:0 26px 54px rgba(40,30,18,0.147)}
html[data-theme="light"] .step .n{color:#cacaca}
html[data-theme="light"] .step p{color:var(--mut)}
html[data-theme="light"] .tools{background:var(--line)}
html[data-theme="light"] .tools{border:1px solid var(--line)}
html[data-theme="light"] .tool{background:var(--card)}
html[data-theme="light"] .tool:hover{background:var(--card2)}
html[data-theme="light"] .tool p{color:var(--mut)}
html[data-theme="light"] .langs{border-top:1px solid var(--line)}
html[data-theme="light"] .langs{border-bottom:1px solid var(--line)}
html[data-theme="light"] .lang{border-right:1px solid var(--line)}
html[data-theme="light"] .lang:last-child{border-right:none}
html[data-theme="light"] .lang:hover{background:var(--card)}
html[data-theme="light"] .lang span{color:var(--faint)}
html[data-theme="light"] .lang:hover span{color:var(--hl)}
html[data-theme="light"] .close p{color:var(--mut)}
html[data-theme="light"] footer{border-top:1px solid var(--line)}
html[data-theme="light"] footer p{color:var(--faint)}
html[data-theme="light"] footer nav a{color:var(--mut)}
html[data-theme="light"] footer nav a:hover{color:var(--ink)}
@media (max-width:940px){
html[data-theme="light"] .stat:nth-child(3),html[data-theme="light"] .stat:nth-child(4){border-top:1px solid var(--line)}
}
/* hand-written, every page */
/* every page, light theme */
html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] body::after{display:none!important}          /* no film grain on white paper */