/* Maximalist theme for the small pages (about, privacy, contact). The home page has its own styles. */
html[data-theme=light]{--bg:#fff3b0;--sf:#fff;--tx:#16102b;--mu:#4b3f72;--ac:#8a2bff;--bd:#16102b}
html[data-theme=dark]{--bg:#1a0b3b;--sf:#2a1360;--tx:#fff7d6;--mu:#d6c9ff;--ac:#ffdd33;--bd:#ffdd33}
html[data-theme] body{font-family:Poppins,system-ui,sans-serif;color:var(--tx);background:radial-gradient(circle at 8% 10%,rgba(255,46,147,.35),transparent 30%),radial-gradient(circle at 92% 25%,rgba(0,194,255,.35),transparent 30%),radial-gradient(var(--tx) 1.2px,transparent 1.4px) 0 0/22px 22px,var(--bg) fixed}
html[data-theme] h1{font-family:Bungee,Poppins,sans-serif;font-weight:400;color:#fff;text-shadow:4px 4px 0 #16102b,-1px -1px 0 #16102b,1px -1px 0 #16102b,-1px 1px 0 #16102b;transform:rotate(-1deg);font-size:clamp(1.8rem,6vw,2.8rem)}
html[data-theme] h2{font-family:Bungee,Poppins,sans-serif;font-weight:400;color:#ff2e93}
html[data-theme] .card{background:var(--sf);border:3px solid var(--bd);border-radius:20px;box-shadow:8px 8px 0 #ff2e93;position:relative;padding-top:30px}
html[data-theme] .card::before{content:"";position:absolute;left:0;right:0;top:0;height:12px;border-radius:17px 17px 0 0;background:repeating-linear-gradient(90deg,#ff2e93 0 24px,#00c2ff 24px 48px,#7cff4f 48px 72px,#ffb800 72px 96px)}
html[data-theme] a{color:var(--ac);font-weight:700}
html[data-theme] p,html[data-theme] li{color:var(--tx)}
html[data-theme] footer{font-weight:700}
html[data-theme] input,html[data-theme] textarea{border:3px solid var(--bd)!important;border-radius:12px;background:var(--sf);color:var(--tx);box-shadow:inset 3px 3px 0 rgba(22,16,43,.15)}
html[data-theme] .btn,html[data-theme] button{border:3px solid var(--bd);border-radius:14px;box-shadow:4px 4px 0 var(--bd);font-weight:800}