/* Imgbox homepage skins for 站群主题配置
   data-skin on <html>: atelier (default) | noir | frame | lumen | pulse */

/* ========== noir · 影院黑金 ========== */
html[data-skin="noir"]{
  --radius:2px; --nav-h:56px;
  --font-display:'Space Grotesk','Sora',sans-serif;
  --font-ui:'Space Grotesk','Sora',sans-serif;
}
html[data-skin="noir"][data-mode="dark"]{
  --bg:#050505; --bg-elev:#0e0e0e; --bg-elev-2:#161616;
  --bg-rgb:5,5,5; --elev-rgb:14,14,14; --shade-rgb:0,0,0;
  --fg:#f2f2f0; --fg-dim:#8c8c88; --faint:#555552;
  --line:#222; --line-soft:#181818;
  --nav-bg:rgba(5,5,5,.88); --nav-bg-strong:rgba(5,5,5,.96);
  --glow-top:rgba(var(--accent-rgb),.04);
}
html[data-skin="noir"] body{
  font-family:var(--font-ui);
  letter-spacing:.01em;
}
html[data-skin="noir"] body::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02) 0%, transparent 28%),
    radial-gradient(ellipse 50% 30% at 80% 0%, var(--glow-top), transparent 70%);
}
html[data-skin="noir"] .ib-main{width:100%; max-width:none; padding:0 0 56px}
html[data-skin="noir"] .ib-nav-inner,
html[data-skin="noir"] .ib-footer-inner{width:min(1600px,100%); padding-left:28px; padding-right:28px}
html[data-skin="noir"] .ib-brand-text strong,
html[data-skin="noir"] .ib-section-title,
html[data-skin="noir"] .ib-detail-hd h1,
html[data-skin="noir"] .ib-dialog-title{
  font-family:var(--font-display); font-weight:500; letter-spacing:-.03em; text-transform:uppercase;
}
html[data-skin="noir"] .ib-mark{border-radius:2px}
html[data-skin="noir"] .ib-menu-link,
html[data-skin="noir"] .ib-nav-search,
html[data-skin="noir"] .ib-pill,
html[data-skin="noir"] .ib-coop-btn,
html[data-skin="noir"] .ib-theme-btn,
html[data-skin="noir"] .ib-nav-toggle,
html[data-skin="noir"] .ib-hero-btn,
html[data-skin="noir"] .ib-hero-tag{border-radius:2px}

/* 全宽影院幕布；文案轨与顶栏同宽对齐 */
html[data-skin="noir"] .ib-hero{
  margin:0 0 40px; width:100%;
}
html[data-skin="noir"] .ib-hero-stage{
  border:0; border-radius:0;
  aspect-ratio:21/9; min-height:340px; max-height:620px;
  background:#000;
}
html[data-skin="noir"] .ib-hero-media img{
  transform:scale(1.06); filter:saturate(.92) contrast(1.06);
  transition:transform 8s cubic-bezier(.22,1,.36,1), filter .6s ease;
}
html[data-skin="noir"] .ib-hero-slide.is-on .ib-hero-media img{transform:scale(1)}
/* 遮罩必须在 slide 内、文案下方，不能用 stage::after（会盖住字） */
html[data-skin="noir"] .ib-hero-shade{
  display:block;
  background:
    linear-gradient(180deg, rgba(0,0,0,.5) 0%, transparent 24%),
    linear-gradient(0deg, #050505 0%, rgba(5,5,5,.9) 26%, rgba(5,5,5,.35) 55%, transparent 76%),
    linear-gradient(90deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.35) 40%, transparent 68%);
}
html[data-skin="noir"] .ib-hero-rail{
  width:min(1600px,100%);
  margin:0 auto;
  padding-left:28px;
  padding-right:28px;
}
html[data-skin="noir"] .ib-hero-copy{
  top:0; bottom:0; left:0; right:0; z-index:2;
  padding:0;
  display:flex; align-items:center; /* 文案垂直居中 */
  color:#f5f5f2;
}
html[data-skin="noir"] .ib-hero-copy-inner{
  max-width:min(640px,100%);
  padding-top:0;
}
html[data-skin="noir"] .ib-hero-kicker{
  margin-bottom:14px; gap:12px; letter-spacing:.22em; font-size:10px;
  color:var(--accent);
}
html[data-skin="noir"] .ib-hero-kicker span{
  position:relative; padding-left:14px; color:var(--accent);
}
html[data-skin="noir"] .ib-hero-kicker span::before{
  content:''; position:absolute; left:0; top:50%; width:8px; height:1px;
  background:var(--accent); transform:translateY(-50%);
}
html[data-skin="noir"] .ib-hero-kicker em{
  color:rgba(245,245,242,.55); letter-spacing:.16em;
}
html[data-skin="noir"] .ib-hero-title{
  font-family:var(--font-display); font-weight:500;
  font-size:clamp(28px,4.2vw,52px); line-height:1.12;
  letter-spacing:-.03em; text-transform:none;
  margin-bottom:12px; max-width:18em;
  color:#f5f5f2;
  text-shadow:0 10px 36px rgba(0,0,0,.55);
}
html[data-skin="noir"] .ib-hero-count{
  font-size:clamp(20px,2.4vw,32px); font-weight:500;
  color:rgba(245,245,242,.92); letter-spacing:.06em; margin:0 0 22px;
}
html[data-skin="noir"] .ib-hero-count i{
  font-size:.62em; opacity:.6; margin-left:2px; letter-spacing:.12em;
}
html[data-skin="noir"] .ib-hero-actions{gap:12px}
html[data-skin="noir"] .ib-hero-btn{
  height:42px; min-width:120px; padding:0 22px;
  font-family:var(--font-ui); font-weight:600; font-size:13px; letter-spacing:.06em;
  background:var(--accent); color:var(--accent-ink);
  transition:transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
html[data-skin="noir"] .ib-hero-btn:hover{
  transform:translateY(-1px); background:var(--accent-bright); color:var(--accent-ink);
}
html[data-skin="noir"] .ib-hero-btn-ghost{
  border:1px solid rgba(255,255,255,.35); color:#f5f5f2;
  background:rgba(0,0,0,.35); backdrop-filter:blur(10px);
}
html[data-skin="noir"] .ib-hero-btn-ghost:hover{
  border-color:var(--accent); color:var(--accent); background:rgba(0,0,0,.5);
}
html[data-skin="noir"] .ib-hero-chrome{z-index:5}
/* 翻页通栏：相对整幅轮播，距左右 5% */
html[data-skin="noir"] .ib-hero-chrome-rail{
  width:100%;
  max-width:none;
  padding:0;
}
html[data-skin="noir"] .ib-hero-nav{
  width:44px; height:44px; border-radius:2px;
  border-color:rgba(255,255,255,.14);
  background:rgba(0,0,0,.35); backdrop-filter:blur(12px);
  /* 沿用基类：悬停舞台才显示 */
}
html[data-skin="noir"] .ib-hero-prev{left:5%}
html[data-skin="noir"] .ib-hero-next{right:5%}
/* 状态条与主体（section / 1600 内容轨）右缘对齐，不贴满屏右边缘 */
html[data-skin="noir"] .ib-hero-dots{
  right:calc((100% - min(1600px, 100%)) / 2 + 28px);
  bottom:6%;
  gap:8px;
}
html[data-skin="noir"] .ib-hero-dot{
  width:18px; height:2px; border-radius:0; background:rgba(255,255,255,.22);
  transition:width .25s ease, background .25s ease;
}
html[data-skin="noir"] .ib-hero-dot.is-on{
  width:36px; background:var(--accent);
}

html[data-skin="noir"] .ib-section{width:min(1600px,100%); margin:0 auto; padding:0 28px}
html[data-skin="noir"] .ib-section-hd{margin:12px 0 24px; border-bottom:1px solid var(--line); padding-bottom:16px}
html[data-skin="noir"] .ib-grid{
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px;
}
html[data-skin="noir"] .ib-card{
  border-radius:2px; border-color:var(--line); background:#0a0a0a;
}
html[data-skin="noir"] .ib-card:hover{border-color:rgba(var(--accent-rgb),.45)}
html[data-skin="noir"] .ib-card-body{
  background:linear-gradient(180deg, transparent 0%, rgba(0,0,0,.75) 40%, rgba(0,0,0,.95) 100%);
}
html[data-skin="noir"] .ib-card-title{font-family:var(--font-display); text-transform:uppercase; letter-spacing:.04em; font-size:12px}
html[data-skin="noir"] .ib-card-badge{border-radius:2px; top:8px; right:8px}
html[data-skin="noir"] .ib-btn{border-radius:2px}
html[data-skin="noir"] .ib-float-top{border-radius:2px}

@media (max-width:960px){
  html[data-skin="noir"] .ib-hero{margin:0 0 28px}
  html[data-skin="noir"] .ib-hero-stage{aspect-ratio:16/9; min-height:260px; max-height:420px}
  html[data-skin="noir"] .ib-hero-rail,
  html[data-skin="noir"] .ib-nav-inner,
  html[data-skin="noir"] .ib-footer-inner{padding-left:16px; padding-right:16px}
  html[data-skin="noir"] .ib-hero-copy{padding:0}
  html[data-skin="noir"] .ib-hero-copy-inner{padding-top:0; max-width:none}
  html[data-skin="noir"] .ib-hero-title{font-size:clamp(22px,6vw,34px)}
  html[data-skin="noir"] .ib-hero-count{font-size:18px; margin-bottom:16px}
  html[data-skin="noir"] .ib-section{padding:0 16px}
  html[data-skin="noir"] .ib-hero-dots{
    right:calc((100% - min(1600px, 100%)) / 2 + 16px);
  }
}
@media (max-width:720px){
  html[data-skin="noir"] .ib-hero-stage{min-height:220px; max-height:320px}
  html[data-skin="noir"] .ib-hero-btn{height:38px; min-width:104px; padding:0 16px}
  html[data-skin="noir"] .ib-hero-prev{left:4%}
  html[data-skin="noir"] .ib-hero-next{right:4%}
  html[data-skin="noir"] .ib-hero-dots{
    right:calc((100% - min(1600px, 100%)) / 2 + 16px);
    bottom:8%;
  }
}

/* ========== frame · 展厅画框 ========== */
html[data-skin="frame"]{
  --radius:0; --nav-h:72px;
  --font-display:'Instrument Serif',Georgia,serif;
  --font-ui:'IBM Plex Sans','Sora',sans-serif;
}
html[data-skin="frame"][data-mode="dark"]{
  --bg:#121110; --bg-elev:#1a1917; --bg-elev-2:#22211e;
  --bg-rgb:18,17,16; --elev-rgb:26,25,23; --shade-rgb:10,9,8;
  --fg:#ebe6dc; --fg-dim:#9a9488; --faint:#625e56;
  --line:#2e2c28; --line-soft:#26241f;
  --nav-bg:rgba(18,17,16,.9); --nav-bg-strong:rgba(18,17,16,.97);
  --glow-top:transparent;
}
html[data-skin="frame"][data-mode="light"]{
  --bg:#f3efe6; --bg-elev:#faf7f0; --bg-elev-2:#efeae0;
  --bg-rgb:243,239,230; --elev-rgb:250,247,240; --shade-rgb:40,36,30;
  --fg:#1f1c18; --fg-dim:#6e685c; --faint:#9a9386;
  --line:#ddd6c8; --line-soft:#e8e2d4;
  --nav-bg:rgba(250,247,240,.9); --nav-bg-strong:rgba(250,247,240,.97);
  --lb-stage:#efeae0;
}
html[data-skin="frame"] body{font-family:var(--font-ui)}
html[data-skin="frame"] body::before{
  background:
    radial-gradient(circle at 1px 1px, rgba(var(--fg-dim),.08) 1px, transparent 0);
  background-size:22px 22px;
  opacity:.55;
}
html[data-skin="frame"] .ib-brand-text strong,
html[data-skin="frame"] .ib-section-title,
html[data-skin="frame"] .ib-hero-title,
html[data-skin="frame"] .ib-detail-hd h1,
html[data-skin="frame"] .ib-card-title,
html[data-skin="frame"] .ib-dialog-title{
  font-family:var(--font-display); font-weight:400; letter-spacing:0; text-transform:none;
}
html[data-skin="frame"] .ib-mark{border-radius:0; border-width:1.5px}
html[data-skin="frame"] .ib-menu-link{border-radius:0; padding:8px 10px}
html[data-skin="frame"] .ib-nav-search,
html[data-skin="frame"] .ib-pill,
html[data-skin="frame"] .ib-coop-btn,
html[data-skin="frame"] .ib-theme-btn,
html[data-skin="frame"] .ib-nav-toggle{border-radius:0}
html[data-skin="frame"] .ib-hero{margin:28px 0 36px}
html[data-skin="frame"] .ib-hero-stage{
  border-radius:0; border:1px solid var(--line);
  box-shadow:8px 8px 0 rgba(var(--shade-rgb),.18);
  aspect-ratio:16/7;
}
html[data-skin="frame"] .ib-hero-btn,
html[data-skin="frame"] .ib-hero-tag{border-radius:0}
html[data-skin="frame"] .ib-section-hd{align-items:baseline}
html[data-skin="frame"] .ib-section-title{font-size:clamp(26px,3vw,34px)}
html[data-skin="frame"] .ib-grid{
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:28px 22px;
}
html[data-skin="frame"] .ib-card{
  background:transparent; border:0; border-radius:0; overflow:visible;
}
html[data-skin="frame"] .ib-card-cover{display:flex; flex-direction:column}
html[data-skin="frame"] .ib-img-wrap{
  aspect-ratio:3/4; border:1px solid var(--line);
  box-shadow:0 0 0 6px var(--bg-elev), 0 0 0 7px var(--line);
  background:var(--bg-elev);
}
html[data-skin="frame"] .ib-card:hover .ib-img-wrap{
  box-shadow:0 0 0 6px var(--bg-elev), 0 0 0 7px rgba(var(--accent-rgb),.55);
}
html[data-skin="frame"] .ib-card:hover .ib-img-wrap img{transform:none}
html[data-skin="frame"] .ib-card-body{
  position:static; padding:14px 2px 0;
  background:transparent; color:var(--fg);
}
html[data-skin="frame"] .ib-card-title{
  font-size:15px; color:var(--fg);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
html[data-skin="frame"] .ib-card-badge{
  top:12px; right:12px; border-radius:0;
}
html[data-skin="frame"] .ib-card-meta{color:var(--fg-dim)}
html[data-skin="frame"] .ib-card-actions{
  padding:10px 0 0; background:transparent; border:0; gap:8px;
}
html[data-skin="frame"] .ib-btn{border-radius:0; background:var(--bg-elev)}
html[data-skin="frame"] .ib-float-top{border-radius:0}

@media (max-width:720px){
  html[data-skin="frame"] .ib-grid{gap:18px 12px}
  html[data-skin="frame"] .ib-img-wrap{box-shadow:0 0 0 4px var(--bg-elev), 0 0 0 5px var(--line)}
}

/* ========== lumen · 柔光展台 ========== */
html[data-skin="lumen"]{
  --radius:22px; --nav-h:68px;
  --font-display:'DM Sans','Sora',sans-serif;
  --font-ui:'DM Sans','Sora',sans-serif;
}
html[data-skin="lumen"][data-mode="dark"]{
  --bg:#10141a; --bg-elev:#171d26; --bg-elev-2:#1e2631;
  --bg-rgb:16,20,26; --elev-rgb:23,29,38; --shade-rgb:8,10,14;
  --fg:#e8edf4; --fg-dim:#8b95a5; --faint:#5c6674;
  --line:#2a3340; --line-soft:#222a35;
  --nav-bg:rgba(16,20,26,.8); --nav-bg-strong:rgba(16,20,26,.94);
  --glow-top:rgba(var(--accent-rgb),.12);
}
html[data-skin="lumen"][data-mode="light"]{
  --bg:#f0f4f8; --bg-elev:#ffffff; --bg-elev-2:#e8eef4;
  --bg-rgb:240,244,248; --elev-rgb:255,255,255; --shade-rgb:36,48,64;
  --fg:#15202b; --fg-dim:#5b6b7c; --faint:#93a0ae;
  --line:#d5dee8; --line-soft:#e4ebf2;
  --nav-bg:rgba(255,255,255,.78); --nav-bg-strong:rgba(255,255,255,.94);
  --glow-top:rgba(var(--accent-rgb),.14);
}
html[data-skin="lumen"] body{font-family:var(--font-ui)}
html[data-skin="lumen"] body::before{
  background:
    radial-gradient(ellipse 80% 55% at 15% -5%, rgba(var(--accent-rgb),.16), transparent 55%),
    radial-gradient(ellipse 60% 40% at 95% 10%, rgba(106,158,201,.12), transparent 50%),
    linear-gradient(180deg, transparent 0%, rgba(var(--shade-rgb),.06) 100%);
}
html[data-skin="lumen"] .ib-brand-text strong,
html[data-skin="lumen"] .ib-section-title,
html[data-skin="lumen"] .ib-hero-title,
html[data-skin="lumen"] .ib-detail-hd h1,
html[data-skin="lumen"] .ib-dialog-title{
  font-family:var(--font-display); font-weight:600; letter-spacing:-.04em;
}
html[data-skin="lumen"] .ib-mark{border-radius:14px}
html[data-skin="lumen"] .ib-nav{
  margin:10px 16px 0; border-radius:20px; border:1px solid var(--line-soft);
  width:auto; left:0; right:0;
}
html[data-skin="lumen"] .ib-nav.is-scrolled{box-shadow:0 12px 40px rgba(0,0,0,.08)}
html[data-skin="lumen"] .ib-main{padding-top:8px}
html[data-skin="lumen"] .ib-hero{margin:14px 0 28px}
html[data-skin="lumen"] .ib-hero-stage{
  border-radius:28px; border:0;
  box-shadow:0 20px 50px rgba(var(--shade-rgb),.12);
  aspect-ratio:21/9;
}
html[data-skin="lumen"] .ib-hero-shade{
  background:
    linear-gradient(115deg, rgba(var(--shade-rgb),.72) 0%, rgba(var(--shade-rgb),.2) 48%, transparent 72%),
    linear-gradient(180deg, transparent 50%, rgba(var(--shade-rgb),.55) 100%);
}
html[data-skin="lumen"] .ib-grid{
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:22px;
}
html[data-skin="lumen"] .ib-card{
  border:0; border-radius:22px;
  box-shadow:0 10px 28px rgba(var(--shade-rgb),.08);
  overflow:hidden;
}
html[data-skin="lumen"] .ib-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(var(--shade-rgb),.14);
  transition:transform .25s ease, box-shadow .25s ease;
}
html[data-skin="lumen"] .ib-card-body{
  background:linear-gradient(180deg, transparent 0%, rgba(16,20,26,.78) 50%, rgba(16,20,26,.94) 100%);
}
html[data-skin="lumen"][data-mode="light"] .ib-card-body{
  background:linear-gradient(180deg, transparent 0%, rgba(20,28,40,.7) 50%, rgba(20,28,40,.92) 100%);
}
html[data-skin="lumen"] .ib-card-actions{border:0; padding:12px 14px 14px}
html[data-skin="lumen"] .ib-btn{border-radius:999px}
html[data-skin="lumen"] .ib-float-top{border-radius:18px}

@media (max-width:720px){
  html[data-skin="lumen"] .ib-nav{margin:8px 10px 0; border-radius:16px}
  html[data-skin="lumen"] .ib-hero-stage{border-radius:18px}
}

/* ========== pulse · 夜色脉冲 ========== */
html[data-skin="pulse"]{
  --radius:12px; --nav-h:60px;
  --font-display:'Space Grotesk','Sora',sans-serif;
  --font-ui:'Space Grotesk','Sora',sans-serif;
}
html[data-skin="pulse"][data-mode="dark"]{
  --bg:#07060d; --bg-elev:#100e1a; --bg-elev-2:#171428;
  --bg-rgb:7,6,13; --elev-rgb:16,14,26; --shade-rgb:4,3,10;
  --fg:#efeaf8; --fg-dim:#8e86a8; --faint:#5a5470;
  --line:#2a2440; --line-soft:#1e1930;
  --nav-bg:rgba(7,6,13,.82); --nav-bg-strong:rgba(7,6,13,.94);
  --glow-top:rgba(var(--accent-rgb),.18);
}
html[data-skin="pulse"][data-mode="light"]{
  --bg:#ece8f4; --bg-elev:#ffffff; --bg-elev-2:#f4f1fa;
  --bg-rgb:236,232,244; --elev-rgb:255,255,255; --shade-rgb:40,32,60;
  --fg:#1a1528; --fg-dim:#6a6280; --faint:#9a92b0;
  --line:#d4cce4; --line-soft:#e4dcf0;
  --nav-bg:rgba(236,232,244,.86); --nav-bg-strong:rgba(255,255,255,.94);
  --glow-top:rgba(var(--accent-rgb),.14);
}
html[data-skin="pulse"] body{font-family:var(--font-ui)}
html[data-skin="pulse"] body::before{
  background:
    radial-gradient(ellipse 55% 40% at 10% 0%, rgba(var(--accent-rgb),.2), transparent 60%),
    radial-gradient(ellipse 40% 35% at 100% 15%, rgba(180,120,255,.12), transparent 55%),
    linear-gradient(180deg, transparent, rgba(0,0,0,.25));
}
html[data-skin="pulse"] .ib-brand-text strong,
html[data-skin="pulse"] .ib-section-title,
html[data-skin="pulse"] .ib-hero-title,
html[data-skin="pulse"] .ib-detail-hd h1{
  font-family:var(--font-display); font-weight:600; letter-spacing:-.03em;
}
html[data-skin="pulse"] .ib-brand-text em{
  color:var(--accent); text-shadow:0 0 18px rgba(var(--accent-rgb),.45);
}
html[data-skin="pulse"] .ib-nav{border-bottom:1px solid rgba(var(--accent-rgb),.12)}
html[data-skin="pulse"] .ib-menu-link.is-on{
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),.35), 0 0 20px rgba(var(--accent-rgb),.15);
}
html[data-skin="pulse"] .ib-hero{margin:16px 0 24px}
html[data-skin="pulse"] .ib-hero-stage{
  border-radius:16px; border:1px solid rgba(var(--accent-rgb),.28);
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),.08), 0 0 40px rgba(var(--accent-rgb),.08);
  aspect-ratio:2.2/1;
}
html[data-skin="pulse"] .ib-hero-btn{
  box-shadow:0 0 24px rgba(var(--accent-rgb),.35);
}
html[data-skin="pulse"] .ib-grid{
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:14px;
}
html[data-skin="pulse"] .ib-card{
  border-radius:14px; border-color:rgba(var(--accent-rgb),.18);
  background:linear-gradient(165deg, rgba(var(--accent-rgb),.06), transparent 40%), var(--bg-elev);
}
html[data-skin="pulse"] .ib-card:hover{
  border-color:rgba(var(--accent-rgb),.55);
  box-shadow:0 0 28px rgba(var(--accent-rgb),.12);
}
html[data-skin="pulse"] .ib-img-wrap{aspect-ratio:4/5}
html[data-skin="pulse"] .ib-card-body{
  background:linear-gradient(180deg, transparent 0%, rgba(7,6,13,.85) 45%, rgba(7,6,13,.98) 100%);
}
html[data-skin="pulse"] .ib-btn-accent{
  box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.25);
}
html[data-skin="pulse"] .ib-float-top{
  border-color:rgba(var(--accent-rgb),.5);
  box-shadow:0 0 24px rgba(var(--accent-rgb),.2);
}

/* atelier keeps base imgbox.css — no overrides needed */

/* Theme accents must win over skin+mode token blocks (higher/equal specificity + later order) */
html[data-theme="coral"],
html[data-skin][data-theme="coral"],
html[data-skin][data-mode][data-theme="coral"]{
  --accent:#d4846a; --accent-bright:#e49a82; --accent-dim:#9a5a46;
  --accent-rgb:212,132,106; --accent-ink:#1a100e;
}
html[data-theme="jade"],
html[data-skin][data-theme="jade"],
html[data-skin][data-mode][data-theme="jade"]{
  --accent:#6aaf98; --accent-bright:#86c4b0; --accent-dim:#457a68;
  --accent-rgb:106,175,152; --accent-ink:#0e1614;
}
html[data-theme="sky"],
html[data-skin][data-theme="sky"],
html[data-skin][data-mode][data-theme="sky"]{
  --accent:#6a9ec9; --accent-bright:#86b4d9; --accent-dim:#45708f;
  --accent-rgb:106,158,201; --accent-ink:#0e1318;
}
html[data-theme="rose"],
html[data-skin][data-theme="rose"],
html[data-skin][data-mode][data-theme="rose"]{
  --accent:#c97a9a; --accent-bright:#d994b0; --accent-dim:#8f526c;
  --accent-rgb:201,122,154; --accent-ink:#180e12;
}
html[data-theme="blue"],
html[data-skin][data-theme="blue"],
html[data-skin][data-mode][data-theme="blue"]{
  --accent:#3b82f6; --accent-bright:#60a5fa; --accent-dim:#2563eb;
  --accent-rgb:59,130,246; --accent-ink:#ffffff;
}
html[data-theme="green"],
html[data-skin][data-theme="green"],
html[data-skin][data-mode][data-theme="green"]{
  --accent:#22c55e; --accent-bright:#4ade80; --accent-dim:#16a34a;
  --accent-rgb:34,197,94; --accent-ink:#062012;
}
html[data-theme="red"],
html[data-skin][data-theme="red"],
html[data-skin][data-mode][data-theme="red"]{
  --accent:#ef4444; --accent-bright:#f87171; --accent-dim:#dc2626;
  --accent-rgb:239,68,68; --accent-ink:#ffffff;
}
html[data-theme="orange"],
html[data-skin][data-theme="orange"],
html[data-skin][data-mode][data-theme="orange"]{
  --accent:#f97316; --accent-bright:#fb923c; --accent-dim:#ea580c;
  --accent-rgb:249,115,22; --accent-ink:#1a0c04;
}
html[data-theme="pink"],
html[data-skin][data-theme="pink"],
html[data-skin][data-mode][data-theme="pink"]{
  --accent:#ec4899; --accent-bright:#f472b6; --accent-dim:#db2777;
  --accent-rgb:236,72,153; --accent-ink:#ffffff;
}
html[data-theme="cyan"],
html[data-skin][data-theme="cyan"],
html[data-skin][data-mode][data-theme="cyan"]{
  --accent:#0f766e; --accent-bright:#14b8a6; --accent-dim:#0d5c56;
  --accent-rgb:15,118,110; --accent-ink:#ffffff;
}
html[data-theme="indigo"],
html[data-skin][data-theme="indigo"],
html[data-skin][data-mode][data-theme="indigo"]{
  --accent:#6366f1; --accent-bright:#818cf8; --accent-dim:#4f46e5;
  --accent-rgb:99,102,241; --accent-ink:#ffffff;
}
html[data-theme="azure"],
html[data-skin][data-theme="azure"],
html[data-skin][data-mode][data-theme="azure"]{
  --accent:#0ea5e9; --accent-bright:#38bdf8; --accent-dim:#0284c7;
  --accent-rgb:14,165,233; --accent-ink:#041018;
}
/* gold = default (no data-theme); restore when skin blocks previously forced accents */
html[data-skin]:not([data-theme]),
html[data-skin][data-mode]:not([data-theme]){
  --accent:#c9a961; --accent-bright:#d9b97a; --accent-dim:#8a7344;
  --accent-rgb:201,169,97; --accent-ink:#14110a;
}