/* ============================================================
   SKY THEME — bright, book-matched light mode
   Activated by body.theme-sky. Nav + footer stay dark so the
   white-lettered logo reads; everything between goes light.
   ============================================================ */
body.theme-sky{
  --navy:#eaf6fd;       /* page background (faint sky) */
  --navy2:#ffffff;      /* white sections */
  --navy3:#cfecfb;      /* radial highlight tint */
  --navy-card:#ffffff;  /* cards */
  --ink:#0b1a3a;        /* primary text */
  --mut:#5a6e8d;        /* muted text */
  --mut-d:#93a4bf;      /* faint text / placeholders */
  --line:rgba(11,26,58,.12);
  background:var(--navy);
  color:var(--ink);
}

/* ---- NAV stays dark ---- */
body.theme-sky .nav{background:rgba(8,16,38,.9);border-bottom-color:rgba(255,255,255,.08);}
body.theme-sky .nav-links a{color:#e7f0ff;}
body.theme-sky .nav-links a.active{color:var(--cyan-l);}
body.theme-sky .nav-links a:hover{background:rgba(255,255,255,.08);}
body.theme-sky .nav-burger{color:#e7f0ff;}
@media(min-width:1101px){ body.theme-sky .nav-links{transform:none;} }

/* ---- HERO becomes sky with clouds ---- */
body.theme-sky .hero-home{
  background:linear-gradient(180deg,#54c5f1 0%,#88d8f6 34%,#c2ebfb 66%,var(--navy) 100%);
}
body.theme-sky .hero-home::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.92;
  background:
    radial-gradient(58px 36px at 13% 17%, #fff 58%, transparent 60%),
    radial-gradient(82px 48px at 20% 22%, #fff 58%, transparent 60%),
    radial-gradient(52px 33px at 27% 18%, #fff 58%, transparent 60%),
    radial-gradient(64px 40px at 80% 13%, #fff 58%, transparent 60%),
    radial-gradient(92px 52px at 87% 19%, #fff 58%, transparent 60%),
    radial-gradient(50px 32px at 74% 16%, #fff 58%, transparent 60%);
}
body.theme-sky .hero-home .speedbg{background:repeating-linear-gradient(115deg, rgba(11,26,58,.03) 0 2px, transparent 2px 26px);}
body.theme-sky .hero-marquee{background:rgba(255,255,255,.55);border-color:var(--line);}
body.theme-sky .hero-badge{filter:drop-shadow(0 12px 22px rgba(11,40,80,.3));}
/* readable eyebrow on the sky-blue hero */
body.theme-sky .hero-home .eyebrow{background:#0b1a3a;color:#fff;border-color:#0b1a3a;box-shadow:0 6px 18px rgba(11,26,58,.25);}

/* ---- speed/grain textures for light bg ---- */
body.theme-sky .speedbg{background:repeating-linear-gradient(115deg, rgba(11,26,58,.025) 0 2px, transparent 2px 26px);}
body.theme-sky .grain{background-image:radial-gradient(rgba(11,26,58,.10) 1px,transparent 1px);opacity:.22;}

/* ---- buttons ---- */
body.theme-sky .btn-ghost{border-color:rgba(11,26,58,.22);color:var(--ink);}
body.theme-sky .btn-ghost:hover{border-color:var(--cyan);color:var(--cyan-d);}

/* ---- cards get soft shadows on white ---- */
body.theme-sky .card{box-shadow:0 6px 22px rgba(11,26,58,.07);}
body.theme-sky .card:hover{box-shadow:0 18px 44px rgba(11,26,58,.13);border-color:rgba(0,174,239,.45);}
body.theme-sky .drive-card{box-shadow:0 5px 16px rgba(11,26,58,.06);}
body.theme-sky .spot-card,body.theme-sky .mstat,body.theme-sky .recent-chip{box-shadow:0 4px 14px rgba(11,26,58,.05);}

/* ---- inputs / submit boxes ---- */
body.theme-sky .submit-compact{background:#fff;border-color:rgba(0,174,239,.55);box-shadow:0 8px 24px rgba(11,26,58,.08);}
body.theme-sky .submit-compact input{color:var(--ink);}
body.theme-sky .submit-full{background:#fff;border-color:rgba(0,174,239,.45);box-shadow:0 12px 32px rgba(11,26,58,.09);}
body.theme-sky .submit-full .sf-main{border-bottom-color:var(--line);}
body.theme-sky .submit-full .sf-main input{color:var(--ink);}
body.theme-sky .submit-full .sf-name,
body.theme-sky .submit-full .sf-age,
body.theme-sky .field input,
body.theme-sky .field textarea,
body.theme-sky .field select{background:#f1f7fc;border-color:rgba(11,26,58,.14);color:var(--ink);}

/* ---- placeholder media slots ---- */
body.theme-sky .vslot{background:repeating-linear-gradient(135deg,#dcecf8 0 14px,#e9f4fc 14px 28px);border-color:rgba(11,26,58,.1);}
body.theme-sky .vslot .vlabel{color:#5a6e8d;background:rgba(255,255,255,.72);}
body.theme-sky .imgslot{background:repeating-linear-gradient(135deg,#dcecf8 0 12px,#e9f4fc 12px 24px);border-color:rgba(11,26,58,.16);}
body.theme-sky .imgslot .ilabel{color:#5a6e8d;background:rgba(255,255,255,.72);}
body.theme-sky .media-video{border-color:rgba(11,26,58,.12);box-shadow:0 24px 56px rgba(11,40,80,.2);}

/* ---- filter chips ---- */
body.theme-sky .fchip{color:#5a6e8d;}
body.theme-sky .fchip.on{background:var(--ink);color:#fff;border-color:var(--ink);}

/* ---- section rhythm ---- */
body.theme-sky .drives-band{background:linear-gradient(180deg,#dcf1fc,var(--navy));}
body.theme-sky .book-feature{background:linear-gradient(180deg,#ffffff,#e7f4fd);}
body.theme-sky .stuffies-teaser{background:#f5fbfe;}
body.theme-sky .drives-hero,
body.theme-sky .page-header{background:linear-gradient(180deg,#d7eefb,var(--navy));}

/* ---- FOOTER stays dark ---- */
body.theme-sky .footer{background:#0a1430;border-top-color:rgba(255,255,255,.08);}
body.theme-sky .footer p{color:#90a4c9;}
body.theme-sky .footer h4{color:#7e93b8;}
body.theme-sky .footer a{color:#dbe6fb;}
body.theme-sky .footer a:hover{color:var(--cyan-l);}
body.theme-sky .footer-bottom{color:#6b80a8;border-top-color:rgba(255,255,255,.1);}
body.theme-sky .tagstripe{color:var(--cyan);}

/* ---- misc legibility ---- */
body.theme-sky .ship-note{color:#7e8ca6;}
body.theme-sky .gallery-note{color:#8395b0;}
body.theme-sky ::selection{background:var(--magenta);color:#fff;}