/* Paper is the default theme and lives in base.css. Clean and Night override it here. */

/* ===== CLEAN ===== */
html[data-theme="clean"]{--paper:#f6f9fc;--ink:#0f172a;--muted:#64748b;--rule:#e2e8f0;--surface:#ffffff;--panel:#0f172a;--panel-ink:#f8fafc;--sky:#dbe6f7;--merc:#0f172a;--c300:125 211 252;--c400:7 139 250;--c500:7 104 240;--c600:7 80 232;--btn-bg:#0f172a;--btn-ink:#ffffff;--rb:9999px;--rc:16px;--shadow:0 24px 48px -12px rgba(15,23,42,.35);--tilt:none;--note-tilt:none;--f-display:'Plus Jakarta Sans',system-ui,sans-serif;--f-body:'Plus Jakarta Sans',system-ui,sans-serif}
[data-theme="clean"] h1,[data-theme="clean"] h2{font-weight:700;letter-spacing:-.025em}
[data-theme="clean"] .announce{display:block;background:linear-gradient(90deg,#0750E8,#078BFA);color:#fff;text-align:center;font-size:.75rem;font-weight:600;padding:.45rem 1rem}
[data-theme="clean"] .site-header{background:transparent;border-bottom:0}
[data-theme="clean"] .nav{background:#fff;border:1px solid var(--rule);border-radius:1.5rem;box-shadow:0 10px 30px -10px rgba(15,23,42,.18);margin-top:.75rem;padding:.6rem 1.25rem;max-width:68rem;width:calc(100% - 2rem)}
@media(min-width:768px){[data-theme="clean"] .nav{border-radius:9999px}}
[data-theme="clean"] .cta{background:rgb(var(--c500));border-color:rgb(var(--c500));color:#fff}
[data-theme="clean"] .cta:hover{background:rgb(var(--c600));border-color:rgb(var(--c600))}
[data-theme="clean"] #hero{background:radial-gradient(60rem 30rem at 50% -10%,rgb(var(--c300)/.35),transparent 70%)}
[data-theme="clean"] #heroBg{display:none}
[data-theme="clean"] .slide.intro{grid-template-columns:1fr!important;text-align:center;justify-items:center}
[data-theme="clean"] .intro .note{display:none}
[data-theme="clean"] .intro .txt p{margin-left:auto;margin-right:auto}
[data-theme="clean"] .intro .txt>div{justify-content:center}
[data-theme="clean"] #dots{justify-content:center!important}
[data-theme="clean"] .squig{background:none;animation:none;color:rgb(var(--c500))}
[data-theme="clean"] .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:44rem;margin:3rem auto 0;background:#fff;border:1px solid var(--rule);border-radius:1rem;padding:1.25rem 1.5rem;box-shadow:0 10px 30px -12px rgba(15,23,42,.15);position:relative;z-index:30;text-align:center}
@media(min-width:640px){[data-theme="clean"] .stats{grid-template-columns:repeat(4,1fr)}}
[data-theme="clean"] .page-sun,[data-theme="clean"] #skyline{display:none}
[data-theme="clean"] #contact{--ink:#ffffff;--muted:#b6c4dc;--rule:rgba(255,255,255,.18);background:#0b1220;color:var(--ink)}
[data-theme="clean"] #contact .paper{--ink:#0f172a;--muted:#64748b;--rule:#e2e8f0;color:var(--ink);background:#fff;border:0;border-radius:1.25rem;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
[data-theme="clean"] #contact .paper .btn-solid{background:rgb(var(--c500));border-color:rgb(var(--c500));color:#fff}
[data-theme="clean"] .field{border:1px solid #cbd5e1;border-radius:.6rem;padding:.7rem .9rem;background:#fff}
[data-theme="clean"] .field:focus{border-color:rgb(var(--c500));box-shadow:0 0 0 3px rgb(var(--c500)/.15)}
[data-theme="clean"] .site-footer{background:#050b17;color:#e2e8f0;--ink:#e2e8f0;--muted:#94a3b8;--rule:rgba(255,255,255,.12)}
[data-theme="clean"] .foot-cols{display:block}

/* ===== NIGHT (the original dark purple glass design) ===== */
html[data-theme="night"]{--paper:#0b0716;--ink:#ffffff;--muted:rgba(255,255,255,.72);--rule:rgba(255,255,255,.14);--surface:rgba(255,255,255,.07);--panel:rgba(255,255,255,.07);--panel-ink:#ffffff;--sky:#0b0716;--merc:#e4defa;--c300:216 180 254;--c400:167 112 250;--c500:124 58 237;--c600:99 40 200;--btn-bg:rgb(124 58 237);--btn-ink:#ffffff;--rb:9999px;--rc:1.5rem;--shadow:0 8px 32px rgba(0,0,0,.35);--tilt:none;--note-tilt:none;--f-display:'Bricolage Grotesque',system-ui,sans-serif;--f-body:Figtree,system-ui,sans-serif}
html[data-theme="night"] body{background:transparent}
[data-theme="night"] h1,[data-theme="night"] h2{font-weight:800}
[data-theme="night"] .blob{display:block;position:fixed;border-radius:9999px;filter:blur(90px);opacity:.55;z-index:-1;pointer-events:none}
[data-theme="night"] .b1{width:34rem;height:34rem;top:-8rem;left:-8rem;background:rgb(var(--c500))}
[data-theme="night"] .b2{width:30rem;height:30rem;top:30%;right:-10rem;background:rgb(var(--c400));opacity:.35}
[data-theme="night"] .b3{width:28rem;height:28rem;bottom:-8rem;left:25%;background:rgb(var(--c600));opacity:.5}
[data-theme="night"] .site-header{background:transparent;border-bottom:0}
[data-theme="night"] .nav{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-radius:1.5rem;margin-top:.75rem;padding:.6rem 1.25rem;max-width:72rem;width:calc(100% - 2rem)}
@media(min-width:768px){[data-theme="night"] .nav{border-radius:9999px}}
[data-theme="night"] .btn-solid:hover{background:rgb(var(--c400));border-color:rgb(var(--c400))}
[data-theme="night"] .glass,[data-theme="night"] .note,[data-theme="night"] .paper{backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--shadow)}
[data-theme="night"] .paper{border:1px solid var(--rule)}
[data-theme="night"] .field{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:.75rem;padding:.75rem 1rem}
[data-theme="night"] .field:focus{border-color:rgb(var(--c300))}
[data-theme="night"] #heroBg{background:linear-gradient(180deg,#0b0716 0%,rgb(99 40 200) 60%,rgb(167 112 250) 100%)}
[data-theme="night"] #heroBg circle{fill:rgb(216 180 254)!important;opacity:.45}
[data-theme="night"] .squig{background-image:linear-gradient(rgb(var(--c300)),rgb(var(--c300)))}
[data-theme="night"] .page-sun{filter:blur(80px);opacity:.45;background:rgb(var(--c500))}
[data-theme="night"] #skyline{display:none}
[data-theme="night"] .site-footer{border-top:1px solid var(--rule)}
[data-theme="night"] .foot-cols{display:block}

/* ===== Shared by Clean and Night: solutions as cards, about as cards ===== */
html:is([data-theme="clean"],[data-theme="night"]) #services ul{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}
html:is([data-theme="clean"],[data-theme="night"]) .svc{display:flex;flex-direction:column;gap:.6rem;padding:1.5rem;border:1px solid var(--rule);border-radius:var(--rc);background:var(--surface);transition:transform .25s,box-shadow .25s}
html:is([data-theme="clean"],[data-theme="night"]) .svc:hover{background:var(--surface);transform:translateY(-4px);box-shadow:var(--shadow)}
html:is([data-theme="clean"],[data-theme="night"]) .svc:hover h3{transform:none}
html:is([data-theme="clean"],[data-theme="night"]) .svc>:nth-child(1){display:none}
html:is([data-theme="clean"],[data-theme="night"]) .svc>:nth-child(4){order:-1;align-self:flex-start;font-size:.75rem;font-weight:600;padding:.15rem .7rem;border-radius:9999px;background:rgb(var(--c500)/.12)}
html:is([data-theme="clean"],[data-theme="night"]) .svc>a{margin-top:auto;padding-top:.5rem;color:rgb(var(--c500));text-decoration:none}
html[data-theme="night"] .svc>a{color:rgb(var(--c300))}
html:is([data-theme="clean"],[data-theme="night"]) .svc>a::after{content:" \2192"}
html:is([data-theme="clean"],[data-theme="night"]) .about-cards p{padding:1.5rem;background:var(--surface);border:1px solid var(--rule);border-radius:var(--rc)}
html:is([data-theme="clean"],[data-theme="night"]) .about-cards{gap:1.25rem}

/* Slideshow dots follow the theme's ink colour */
html[data-theme] .dotx{background:color-mix(in srgb,var(--ink) 25%,transparent)}
html[data-theme] .dotx.on{background:rgb(var(--c500))}

/* Stats strip (Clean only) */
.stat b{display:block;font-size:1.5rem;font-weight:700;color:rgb(var(--c600))}
.stat span{display:block;margin-top:.15rem;font-size:.72rem;color:var(--muted)}

html:is([data-theme="clean"],[data-theme="night"]) .cx{padding:1.5rem;border:1px solid var(--rule);border-radius:var(--rc);background:var(--surface)}
html[data-theme="night"] .cx{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}