/* ════════════════════════════════════════════════════════════════════════
   polar.css — "Polar Black" cold visual system (Direction D)
   SCOPED to body.theme-polar ONLY — other pages keep Dark Aurora untouched.
   Loads AFTER aurora.css so it overrides the shared dvx- chrome on the homepage.
   Real cold via: black base + ultra-white type + ONE ice-blue (#0C6FAE)
   + real cracked-ice hero photo + big blue color-field rhythm.
   Functional layer (cart/checkout/Alpine/age-gate) untouched — visual only.
   ════════════════════════════════════════════════════════════════════════ */

body.theme-polar{
  --pk-black:#050A0F;
  --pk-pure:#000;
  --pk-white:#FFFFFF;
  --pk-muted:#8FA3B2;
  --pk-ice:#0C6FAE;       /* the ONE blue — buttons, accents, fields */
  --pk-ice-hi:#1E88C9;    /* hover only */
  --pk-hair:rgba(143,163,178,.20);

  background:var(--pk-black);
  color:var(--pk-white);
  font-family:"Hanken Grotesk",system-ui,sans-serif;
}
body.theme-polar a{color:inherit}

/* kill the warm holographic page glow on the cold homepage */
body.theme-polar .dvx-page-aura{display:none !important}

.theme-polar .pk-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.theme-polar .pk-mono{font-family:"Space Mono",monospace;letter-spacing:.18em;text-transform:uppercase}
.theme-polar .pk-display{font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:-.02em}
.theme-polar .pk-accent{color:var(--pk-ice)}

/* ═══════════ HEADER CHROME (shared dvx nav, recolored cold + over hero) ═══ */
.theme-polar .dvx-header{
  position:absolute;top:0;left:0;right:0;z-index:50;
  background:transparent !important;backdrop-filter:none !important;
  padding-top:22px;
}
.theme-polar .dvx-header-logo,
.theme-polar .dvx-header-nav,
.theme-polar .dvx-header-actions{
  background:rgba(6,12,18,.46) !important;
  border:1px solid var(--pk-hair) !important;
  backdrop-filter:blur(10px) saturate(115%) !important;
  box-shadow:none !important;
}
.theme-polar .dvx-wordmark{color:var(--pk-white);font-family:"Space Grotesk",sans-serif;font-weight:700}
.theme-polar .dvx-wm-flake svg g{stroke:var(--pk-ice) !important}
.theme-polar .dvx-nav-trigger,
.theme-polar .dvx-nav-item > a{color:#D8E4EC !important;font-family:"Hanken Grotesk",sans-serif;font-weight:500}
.theme-polar .dvx-nav-trigger:hover,
.theme-polar .dvx-nav-item > a:hover{color:#fff !important}
.theme-polar .dvx-icon-btn{color:#D8E4EC !important;background:transparent !important}
.theme-polar .dvx-icon-btn:hover{color:#fff !important}
.theme-polar .dvx-cart-count{background:var(--pk-ice) !important;color:#021019 !important}
/* dropdowns → dark cold glass */
.theme-polar .dvx-nav-dropdown{
  background:rgba(8,14,20,.94) !important;border:1px solid var(--pk-hair) !important;
  backdrop-filter:blur(18px) !important;box-shadow:0 30px 70px rgba(0,0,0,.5) !important;
}
.theme-polar .dvx-nav-dropdown a{color:#D8E4EC !important}
.theme-polar .dvx-nav-dropdown a:hover{background:rgba(12,111,174,.16) !important;color:#fff !important}
.theme-polar .dvx-nav-dd-name{color:#fff !important}
.theme-polar .dvx-nav-dd-meta{color:var(--pk-muted) !important}
.theme-polar .dvx-nav-cat .dvx-nav-dd-name{color:var(--pk-ice) !important}
.theme-polar .dvx-nav-caret{color:currentColor}

/* ═══════════ HERO (real cracked-ice photo + dark glass card) ═══════════ */
.theme-polar .pk-hero{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--pk-pure);overflow:hidden}
.theme-polar .pk-hero-bg{position:absolute;inset:0;z-index:0}
.theme-polar .pk-hero-bg img{width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(1.08) brightness(1.0) contrast(1.03)}
.theme-polar .pk-hero-vig{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,
    rgba(4,9,14,.58) 0%, rgba(4,9,14,.12) 15%, transparent 32%,
    transparent 70%, rgba(4,9,14,.72) 92%, var(--pk-black) 100%);}
/* FULL-BLEED FIX · core.css 把 section 所有直接子元素压到 max-width:1280px 居中
   (.dvx-doc-root>section>*:not(.dvx-atmosphere) = 特异性 0,2,1)。这才是两张冰川
   大图两侧留白、非满屏宽度的真因(跟 height 无关)。用 0,3,0 的 child 选择器压过它，
   让背景/暗角层满屏宽度；内容层(.pk-hero-inner/.pk-guides-inner)不在此列,仍受1280约束=对的。 */
.theme-polar .pk-hero > .pk-hero-bg,
.theme-polar .pk-hero > .pk-hero-vig,
.theme-polar .pk-guides-glacier > .pk-glacier-bg,
.theme-polar .pk-guides-glacier > .pk-glacier-vig{
  max-width:none;width:auto;margin-left:0;margin-right:0}
.theme-polar .pk-hero-inner{position:relative;z-index:10;width:100%;padding-top:128px;padding-bottom:84px}
.theme-polar .pk-glass{
  background:rgba(6,12,18,.58);backdrop-filter:blur(16px) saturate(120%);
  border:1px solid rgba(143,163,178,.18);padding:46px 50px 42px;max-width:710px;
}
.theme-polar .pk-monorow{display:flex;gap:24px;font-size:10.5px;color:var(--pk-muted);
  margin-bottom:28px;flex-wrap:wrap;font-family:"Space Mono",monospace;letter-spacing:.16em;text-transform:uppercase}
.theme-polar .pk-eyebrow{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--pk-ice);margin-bottom:18px}
.theme-polar .pk-h1{font-family:"Space Grotesk",sans-serif;font-weight:700;
  font-size:68px;line-height:.99;letter-spacing:-.03em;margin-bottom:22px}
.theme-polar .pk-h1 .pk-accent{color:var(--pk-ice)}
.theme-polar .pk-sub{font-size:16px;line-height:1.62;color:var(--pk-muted);max-width:600px;margin-bottom:30px}
.theme-polar .pk-sub strong{color:#CFDDE6;font-weight:500}
.theme-polar .pk-btnrow{display:flex;gap:13px;margin-bottom:36px;flex-wrap:wrap}
.theme-polar .pk-btn{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:14px;
  padding:15px 24px;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px;
  text-transform:uppercase;text-decoration:none;letter-spacing:.01em}
.theme-polar .pk-btn-ice{background:var(--pk-ice);color:#021019}
.theme-polar .pk-btn-ice:hover{background:var(--pk-ice-hi)}
.theme-polar .pk-btn-out{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.theme-polar .pk-btn-out:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.theme-polar .pk-stamps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--pk-hair)}
.theme-polar .pk-stamp{padding-top:18px;padding-right:16px}
.theme-polar .pk-stamp .big{font-family:"Space Mono",monospace;font-weight:700;font-size:20px;color:#fff;line-height:1}
.theme-polar .pk-stamp .lbl{font-family:"Space Mono",monospace;font-size:9.5px;letter-spacing:.18em;
  color:var(--pk-muted);margin-top:7px;text-transform:uppercase}

/* ═══════════ SECTION SHELL ═══════════ */
.theme-polar .pk-sec{background:var(--pk-black);padding:104px 0}
.theme-polar .pk-sec-eyebrow{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--pk-ice);margin-bottom:14px}
.theme-polar .pk-sec h2{font-family:"Space Grotesk",sans-serif;font-weight:700;
  font-size:42px;letter-spacing:-.025em;line-height:1.02}
.theme-polar .pk-sec-lead{color:var(--pk-muted);max-width:620px;margin-top:12px;line-height:1.6;font-size:15.5px}
.theme-polar .pk-sec-head{display:flex;align-items:flex-end;justify-content:space-between;
  flex-wrap:wrap;gap:14px;margin-bottom:46px}
.theme-polar .pk-link{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;font-weight:700;color:var(--pk-ice);text-decoration:none;white-space:nowrap}
.theme-polar .pk-link:hover{color:var(--pk-ice-hi)}

/* product grid */
.theme-polar .pk-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.theme-polar .pk-pcard{border:1px solid var(--pk-hair);background:#070D13;display:flex;
  flex-direction:column;text-decoration:none;transition:border-color .3s,transform .3s}
.theme-polar .pk-pcard:hover{border-color:rgba(12,111,174,.6);transform:translateY(-3px)}
/* 合集图按自身比例铺满卡片宽度(vape 2:1 宽幅 / pouch 1:1 方图),不再塞进矮框留黑边 */
.theme-polar .pk-pimg{position:relative;border-bottom:1px solid var(--pk-hair);overflow:hidden;line-height:0}
.theme-polar .pk-pimg img{display:block;width:100%;height:auto}
.theme-polar .pk-badge{position:absolute;top:14px;left:14px;font-family:"Space Mono",monospace;
  font-size:9.5px;letter-spacing:.16em;font-weight:700;background:var(--pk-ice);color:#021019;
  padding:6px 11px;text-transform:uppercase}
.theme-polar .pk-pbody{padding:22px 24px 24px;display:flex;flex-direction:column;gap:7px;flex:1}
.theme-polar .pk-pbody h3{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:22px;letter-spacing:-.01em;color:#fff}
.theme-polar .pk-pbody .meta{font-size:13px;color:var(--pk-muted);line-height:1.45}
.theme-polar .pk-prow{display:flex;align-items:center;justify-content:space-between;
  margin-top:auto;padding-top:16px;border-top:1px solid var(--pk-hair)}
.theme-polar .pk-price{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:20px;color:#fff}
.theme-polar .pk-price .was{font-family:"Hanken Grotesk";font-weight:400;font-size:14px;
  color:var(--pk-muted);text-decoration:line-through;margin-left:8px}
.theme-polar .pk-shop{font-family:"Space Mono",monospace;font-size:11.5px;letter-spacing:.12em;
  font-weight:700;color:var(--pk-ice);text-transform:uppercase}

/* ═══════════ COLD LADDER — big ICE-BLUE color field ═══════════ */
.theme-polar .pk-field{background:var(--pk-ice);color:#fff;padding:110px 0 116px}
.theme-polar .pk-field .pk-sec-eyebrow{color:rgba(255,255,255,.74)}
.theme-polar .pk-field h2{font-family:"Space Grotesk",sans-serif;font-weight:700;
  font-size:50px;line-height:1.02;letter-spacing:-.025em;margin-bottom:62px;max-width:760px}
.theme-polar .pk-ladder{display:grid;grid-template-columns:repeat(3,1fr)}
.theme-polar .pk-rung{padding:32px 0 12px;border-top:1px solid rgba(255,255,255,.34)}
.theme-polar .pk-rung:not(:last-child){border-right:1px solid rgba(255,255,255,.18);padding-right:46px}
.theme-polar .pk-rung:not(:first-child){padding-left:46px}
.theme-polar .pk-rung .num{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.2em;
  color:rgba(255,255,255,.62);margin-bottom:16px}
.theme-polar .pk-rung h3{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:25px;
  letter-spacing:-.01em;margin-bottom:9px;color:#fff}
.theme-polar .pk-rung .for{font-size:13px;color:#fff;font-weight:700;margin-bottom:14px}
.theme-polar .pk-rung p{font-size:14px;line-height:1.58;color:rgba(255,255,255,.86)}
.theme-polar .pk-rung .links{margin-top:16px;display:flex;gap:16px;font-weight:700;font-size:13.5px}
.theme-polar .pk-rung .links a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4)}

/* ═══════════ WHY panel (two-format promise) ═══════════ */
.theme-polar .pk-why{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;
  border:1px solid var(--pk-hair);padding:44px}
.theme-polar .pk-why h2{font-size:30px}
.theme-polar .pk-why p{color:var(--pk-muted);line-height:1.62;margin-top:12px;font-size:15.5px}
.theme-polar .pk-why .btns{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}
.theme-polar .pk-whylist{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.theme-polar .pk-whylist li{border:1px solid var(--pk-hair);padding:16px 18px;background:#070D13}
.theme-polar .pk-whylist strong{color:#fff;font-weight:600}
.theme-polar .pk-whylist span{color:var(--pk-muted);font-size:14px}

/* ═══════════ GUIDES ═══════════ */
.theme-polar .pk-gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.theme-polar .pk-gcard{display:block;border:1px solid var(--pk-hair);background:#070D13;
  padding:22px;text-decoration:none;transition:border-color .3s}
.theme-polar .pk-gcard:hover{border-color:rgba(12,111,174,.55)}
.theme-polar .pk-gcard .k{font-family:"Space Mono",monospace;font-size:10.5px;letter-spacing:.16em;
  color:var(--pk-ice);text-transform:uppercase}
.theme-polar .pk-gcard .t{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:16px;color:#fff;margin-top:8px}
.theme-polar .pk-gcard p{color:var(--pk-muted);font-size:13.5px;line-height:1.5;margin-top:8px}

/* ═══════════ FAQ ═══════════ */
.theme-polar .pk-faq{max-width:820px;margin:0 auto}
.theme-polar .pk-faq details{border-top:1px solid var(--pk-hair);padding:18px 0}
.theme-polar .pk-faq summary{font-family:"Space Grotesk",sans-serif;font-weight:500;font-size:17px;
  color:#fff;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.theme-polar .pk-faq summary::after{content:"+";color:var(--pk-ice);font-size:20px}
.theme-polar .pk-faq details[open] summary::after{content:"–"}
.theme-polar .pk-faq .a{color:var(--pk-muted);line-height:1.62;margin-top:12px;font-size:15px}

/* ═══════════ GUIDES on a FULL-SCREEN glacier photo (content sits on the image) ═══════════ */
.theme-polar .pk-guides-glacier{position:relative;display:flex;align-items:center;
  background:var(--pk-pure);overflow:hidden;padding:64px 0;min-height:693px}
.theme-polar .pk-glacier-bg{position:absolute;inset:0;z-index:0}
.theme-polar .pk-glacier-bg img{width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(1.06) brightness(1.03) contrast(1.02)}
/* scrim: light enough to let the bright blue glacier read, dark enough for white type + cards */
.theme-polar .pk-glacier-vig{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,
  rgba(6,14,22,.34) 0%, rgba(6,14,22,.24) 45%, rgba(6,14,22,.40) 100%)}
.theme-polar .pk-guides-inner{position:relative;z-index:2;width:100%}
.theme-polar .pk-guides-glacier .pk-sec-eyebrow{text-shadow:0 2px 16px rgba(0,0,0,.6)}
.theme-polar .pk-guides-glacier h2{text-shadow:0 4px 30px rgba(0,0,0,.5)}
/* cards become more opaque so they read crisply over the photo */
.theme-polar .pk-guides-glacier .pk-gcard{background:rgba(7,13,19,.82);backdrop-filter:blur(8px);
  border-color:rgba(143,163,178,.26)}

/* ═══════════ GIANT WORDMARK (homepage-scoped, before shared footer) ═══════════ */
/* sized so the FULL "deepkold" fits on one line with side breathing room — no clipped letter */
.theme-polar .pk-wordmark-sec{background:var(--pk-pure);overflow:hidden;padding:48px 16px 30px;text-align:center}
.theme-polar .pk-wordmark{font-family:"Archivo",sans-serif;font-weight:900;font-size:16.5vw;
  line-height:.92;letter-spacing:-.045em;color:#fff;text-align:center;white-space:nowrap;
  margin:0;display:inline-block;max-width:100%;user-select:none}

/* ═══════════ FOOTER chrome → cold black ═══════════ */
.theme-polar .dvx-footer{background:var(--pk-pure) !important;border-top:1px solid var(--pk-hair)}
.theme-polar .dvx-footer-col h4,
.theme-polar .dvx-footer-brand .dvx-wordmark{color:#fff !important}
.theme-polar .dvx-footer-col a{color:var(--pk-muted) !important}
.theme-polar .dvx-footer-col a:hover{color:#fff !important}
.theme-polar .dvx-footer-meta,
.theme-polar .dvx-footer-legal,
.theme-polar .dvx-footer-build{color:var(--pk-muted) !important}

/* ═══════════ responsive ═══════════ */
@media(max-width:900px){
  .theme-polar .pk-h1{font-size:46px}
  .theme-polar .pk-field h2,.theme-polar .pk-sec h2{font-size:32px}
  /* 产品卡 1 张/行(只有 6 个,全宽更清楚);指南卡 2 张/行 */
  .theme-polar .pk-pgrid{grid-template-columns:1fr;gap:16px}
  .theme-polar .pk-gcards{grid-template-columns:repeat(2,1fr);gap:12px}
  .theme-polar .pk-ladder{grid-template-columns:1fr}
  .theme-polar .pk-rung:not(:last-child){border-right:none;padding-right:0}
  .theme-polar .pk-rung:not(:first-child){padding-left:0}
  .theme-polar .pk-why{grid-template-columns:1fr;padding:28px}
  /* 砍掉过高的竖向间距,让每屏不再是一整页滚动 */
  .theme-polar .pk-sec{padding:56px 0}
  .theme-polar .pk-sec-head{margin-bottom:26px}
  .theme-polar .pk-field{padding:62px 0 66px}
  .theme-polar .pk-field h2{margin-bottom:36px}
  .theme-polar .pk-guides-glacier{min-height:auto;padding:56px 0}
  /* hero: 让冰川大图成为主角 — 手机端去掉那块毛玻璃深色卡片(它把图糊没了),
     文字直接压在图上,靠底部渐变保证可读;上方留一段干净亮冰川。 */
  .theme-polar .pk-hero{min-height:76vh;align-items:flex-end}
  .theme-polar .pk-hero-inner{padding-top:64px;padding-bottom:50px}
  .theme-polar .pk-glass{background:transparent;backdrop-filter:none;border:none;
    padding:0;max-width:100%;text-shadow:0 2px 16px rgba(0,0,0,.6)}
  .theme-polar .pk-hero-vig{background:linear-gradient(180deg,
    rgba(4,9,14,.44) 0%, rgba(4,9,14,.12) 16%, transparent 31%,
    rgba(4,9,14,.58) 58%, rgba(4,9,14,.90) 100%)}
  .theme-polar .pk-sub{color:#e2ecf3}
  .theme-polar .pk-h1{text-shadow:0 2px 26px rgba(0,0,0,.72)}
  /* 顶部两行(mono 统计条 + eyebrow)压在最亮的白冰上 → 手机端纯白 + 紧实深影,
     让白字在白冰上也读得清 */
  .theme-polar .pk-hero .pk-monorow,
  .theme-polar .pk-hero .pk-eyebrow{color:#fff;
    text-shadow:0 1px 3px rgba(0,0,0,.85), 0 2px 14px rgba(0,0,0,.6)}
  .theme-polar .pk-gcard{padding:16px}
}
/* 底部菜单: core.css 在 ≤599px 把 footer 压成 1 列竖排。footer 是全站共享的,
   这里不限定 theme-polar,让 4 个菜单列在所有页面(含 Deep Calm PDP/cart/账户等
   非 polar 页)都保持 2+2,品牌区(含 logo/订阅)单独占整行。
   polar.css 后加载,同特异性同媒体查询 → 后写胜出,压过 core 的 1fr。 */
@media(max-width:599px){
  .dvx-footer-grid{grid-template-columns:repeat(2,1fr);gap:26px 18px}
  .dvx-footer-brand{grid-column:1 / -1}
}
@media(max-width:430px){
  .theme-polar .pk-h1{font-size:38px}
}

/* ════════════════════════════════════════════════════════════════════════
   COLD-SKIN — token-level override of the inherited dvx- Dark-Aurora layer.
   The whole interior page vocabulary (glass cards, product cards, buttons,
   chips, FAQ, stamps, PDP, atmosphere, holo text/marks) is driven by the
   CSS variables in tokens.css. Re-pointing those variables under
   body.theme-polar repaints EVERY interior marketing page to Polar Black
   with zero markup edits — pages just add `bodyClass: theme-polar`.
   Warm exceptions (cart/checkout/account/order-tracking/search + Deep Calm
   PDPs) never get the class, so they keep Dark Aurora untouched.
   Product tiles stay LIGHT/icy on purpose: product PNGs are white-bg RGB and
   render via mix-blend:multiply — a dark tile would show a white box.
   ════════════════════════════════════════════════════════════════════════ */
body.theme-polar{
  /* substrate → black */
  --dvx-paper:#050A0F;
  --dvx-paper-deep:#070D13;
  --dvx-paper-warm:#070D13;
  --dvx-surf-solid:#0A121A;
  --dvx-paper-2:rgba(143,163,178,.06);
  --dvx-page-bg:radial-gradient(130% 92% at 50% -10%, #0B1B27 0%, #08121C 42%, #050A0F 100%);

  /* ink → ultra-white / cold muted */
  --dvx-ink:#FFFFFF;
  --dvx-ink-2:#B7C6D2;
  --dvx-ink-3:#8FA3B2;
  --dvx-ink-4:#6B7E8C;
  --dvx-hair:rgba(143,163,178,.18);
  --dvx-hair-2:rgba(143,163,178,.30);
  --dvx-on-accent:#021019;

  /* cold dark glass */
  --dvx-glass:rgba(143,163,178,.06);
  --dvx-glass-deep:rgba(143,163,178,.10);
  --dvx-glass-edge:rgba(143,163,178,.18);
  --dvx-glass-grad:linear-gradient(180deg, rgba(143,163,178,.085), rgba(143,163,178,.03));
  --dvx-glass-blur:blur(18px) saturate(115%);
  --dvx-glass-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 24px 56px -36px rgba(0,0,0,.7);

  /* THE one blue — kills the holographic rainbow everywhere it's consumed
     (buttons, CTAs, chips, marks, cart count, holo text, nav active) */
  --dvx-holo:linear-gradient(110deg,#0C6FAE 0%,#1E88C9 100%);

  /* occasion accents → cold blue family (one-blue spirit, slight semantic shift) */
  --dvx-awake:#1E88C9;
  --dvx-calm:#5C9AD0;
  --dvx-pure:#3FA7D6;
  --dvx-accent:#1E88C9;
  --dvx-yellow:#1E88C9;
  --dvx-awake-ink:#0C6FAE;
  --dvx-calm-ink:#3C6E96;
  --dvx-pure-ink:#0C6FAE;
  --dvx-awake-holo:linear-gradient(135deg,#0C6FAE 0%,#1E88C9 100%);
  --dvx-calm-holo:linear-gradient(135deg,#2A6F9E 0%,#5C9AD0 100%);
  --dvx-pure-holo:linear-gradient(135deg,#0C6FAE 0%,#2C9AD6 100%);

  /* product tiles → LIGHT icy (multiply-safe for white-bg product PNGs) */
  --dvx-awake-tile:linear-gradient(150deg,#E7F2F9,#D2E6F4 60%,#E9F0F7);
  --dvx-calm-tile:linear-gradient(150deg,#EAF0F8,#DBE6F2 60%,#EAEFF6);
  --dvx-pure-tile:linear-gradient(150deg,#E4F2F7,#D0E7F1 60%,#E8F1F6);
  --dvx-tile-ink:#0B1A26;
  --dvx-tile-ink-2:#3C566B;
  --dvx-tile-ink-3:#6E8499;

  /* atmosphere chroma → cold only (no rose/amber/peach/lime/lavender warmth) */
  --dvx-c-mint:#2C9AD6;
  --dvx-c-cyan:#1E88C9;
  --dvx-c-sky:#0C6FAE;
  --dvx-c-lavender:#2A6F9E;
  --dvx-c-magenta:#1E6FA8;
  --dvx-c-rose:#2C7FB0;
  --dvx-c-amber:#2C9AD6;
  --dvx-c-peach:#1E88C9;
  --dvx-c-lime:#2C9AD6;

  /* type → Polar Black stacks */
  --dvx-font-display:"Space Grotesk","Sora",system-ui,sans-serif;
  --dvx-font-body:"Hanken Grotesk","Albert Sans",system-ui,sans-serif;

  background:var(--dvx-page-bg);
}

/* atmosphere blobs → cold blue regardless of preset, dimmed for NIVIS near-black */
.theme-polar .dvx-atmosphere .dvx-blob{opacity:.16 !important}
.theme-polar .dvx-atmosphere .dvx-blob:nth-child(1){background:radial-gradient(circle,#1E88C9 0%,transparent 65%) !important}
.theme-polar .dvx-atmosphere .dvx-blob:nth-child(2){background:radial-gradient(circle,#0C6FAE 0%,transparent 65%) !important}
.theme-polar .dvx-atmosphere .dvx-blob:nth-child(3){background:radial-gradient(circle,#2C9AD6 0%,transparent 65%) !important}
.theme-polar .dvx-atmosphere .dvx-blob:nth-child(4){background:radial-gradient(circle,#1E6FA8 0%,transparent 65%) !important}
.theme-polar .dvx-atmosphere .dvx-blob:nth-child(5){background:radial-gradient(circle,#0C6FAE 0%,transparent 65%) !important}
.theme-polar .dvx-atmosphere .dvx-blob:nth-child(6){background:radial-gradient(circle,#2C9AD6 0%,transparent 65%) !important}

/* interior hero headings → ultra-white Space Grotesk (already via tokens; lock it) */
.theme-polar .dvx-home-hero-h1,.theme-polar .dvx-display{font-family:"Space Grotesk","Sora",sans-serif}

/* footer holo glow → cold */
.theme-polar .dvx-footer-inner::before{background:#0C6FAE !important;opacity:.12 !important}

/* primary-button glow → cold (was cyan rgba) */
.theme-polar .dvx-btn-primary:hover{box-shadow:0 14px 34px -12px rgba(12,111,174,.5)}