/* Мягкая светлая тема только для carousels.ru; класс ставит domain-theme.js. */
html.carousels-light{
  color-scheme:light;
  --bg1:#ebe9e2;
  --bg2:#dce2e9;
  --panel:#f3f1eb;
  --panel2:rgba(246,244,238,.92);
  --text:#283446;
  --muted:#657186;
  --accent:#4a72a3;
  --accent2:#385d8d;
  --border:rgba(43,56,76,.16);
  --ok:#19724e;
  --warn:#8b6109;
  --err:#b3423a;
  --heading:#182438;
  --field:#ebe9e3;
  --soft:#e5e8eb;
}

html.carousels-light body{
  background:
    radial-gradient(circle at 12% 0%,rgba(91,128,169,.18),transparent 34rem),
    radial-gradient(circle at 88% 20%,rgba(191,155,98,.12),transparent 30rem),
    linear-gradient(155deg,var(--bg1) 0%,#e5e7e8 52%,var(--bg2) 100%);
  background-attachment:fixed;
  color:var(--text);
}
html.carousels-light ::selection{background:rgba(74,114,163,.24);color:var(--heading)}
html.carousels-light .brand,
html.carousels-light .card h3,
html.carousels-light .stat,
html.carousels-light .hero h1,
html.carousels-light .price-tag b,
html.carousels-light .days-big,
html.carousels-light .money{color:var(--heading)}
html.carousels-light label{color:#4f5d70}
html.carousels-light .card,
html.carousels-light .panel{
  background:var(--panel2);
  border-color:var(--border);
  box-shadow:0 14px 36px rgba(48,58,73,.08),0 2px 8px rgba(48,58,73,.05);
}
html.carousels-light input,
html.carousels-light select,
html.carousels-light textarea{
  background:var(--field);
  color:var(--text);
  border-color:var(--border);
}
html.carousels-light input::placeholder,
html.carousels-light textarea::placeholder{color:#7c8798}
html.carousels-light .btn{background:#e7e6e1;color:var(--text);border-color:var(--border)}
html.carousels-light .btn-primary,
html.carousels-light button.primary,
html.carousels-light a.linkBtn{background:linear-gradient(180deg,var(--accent),var(--accent2));color:#fff}
html.carousels-light .btn-danger{background:rgba(179,66,58,.05)}
html.carousels-light tr:hover td{background:rgba(57,77,101,.04)}
html.carousels-light .badge-ok{background:rgba(25,114,78,.11)}
html.carousels-light .badge-off{background:rgba(101,113,134,.11)}
html.carousels-light .badge-warn{background:rgba(139,97,9,.11)}
html.carousels-light #subState b{color:var(--heading)!important}

/* Редактор: панели светлые, холст и превью остаются нейтрально-тёмными. */
html.carousels-light .tplRow{background:rgba(54,72,95,.045)}
html.carousels-light .tplRow .tplRowName,
html.carousels-light details>summary,
html.carousels-light .bokehPercentRow span,
html.carousels-light .checkbox,
html.carousels-light .pill{color:var(--text)}
html.carousels-light .tplLoadBtn{background:rgba(25,114,78,.11);border-color:rgba(25,114,78,.25);color:#166542}
html.carousels-light .tplDelBtn,
html.carousels-light button.danger{background:rgba(179,66,58,.09);border-color:rgba(179,66,58,.18);color:#a33630}
html.carousels-light button{background:rgba(74,114,163,.10);color:var(--text);border-color:var(--border)}
html.carousels-light button.secondary,
html.carousels-light .kbd,
html.carousels-light .toolbtn,
html.carousels-light .pill{background:rgba(54,72,95,.06)}
html.carousels-light details{background:rgba(54,72,95,.035);border-color:var(--border)}
html.carousels-light .subdetails{background:rgba(54,72,95,.025)}
html.carousels-light .chev{border-color:#667386}
html.carousels-light .bokehPopover,
html.carousels-light .colorPopover,
html.carousels-light .modalBox{background:#f0eee8;border-color:var(--border);box-shadow:0 16px 42px rgba(38,49,65,.18)}
html.carousels-light .modalBackdrop{background:rgba(39,48,61,.34)}
html.carousels-light .small{color:var(--muted)}
html.carousels-light .navRow{border-color:var(--border)}
html.carousels-light .arrowGrid .ab{background:#323b49;color:#eef2f7;border-color:#4b5666}
html.carousels-light .arrowGrid .ab.on{background:#3d526c;color:#fff;border-color:#7198c5}
html.carousels-light .canvasWrap{background:#20252c;border-color:rgba(35,44,57,.24)}
html.carousels-light #gate{background:#e6e5e0;color:var(--text)}
html.carousels-light .pcr-app{box-shadow:0 14px 42px rgba(38,49,65,.20)}

html[data-carousels-theme] .domain-theme-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:34px;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:10px;
  background:#111827;
  color:#e5e7eb;
  font:600 13px Montserrat,Arial,sans-serif;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
html[data-carousels-theme] .domain-theme-toggle:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.28)}
html[data-carousels-theme] .domain-theme-toggle:focus-visible{outline:3px solid rgba(74,114,163,.35);outline-offset:2px}
html.carousels-light .domain-theme-toggle{
  background:#e7e6e1;
  color:var(--text);
  border-color:var(--border);
}
html.carousels-light .domain-theme-toggle:hover{background:#deddd7;border-color:rgba(43,56,76,.28)}
html[data-carousels-theme] .domain-theme-toggle--floating{position:fixed;top:14px;right:14px;z-index:500}

@media(max-width:520px){
  html.carousels-light body{overflow-x:hidden}
  html.carousels-light .container,
  html.carousels-light .container-narrow{padding-left:16px;padding-right:16px}
  html.carousels-light .nav{gap:10px}
  html.carousels-light .brand{font-size:18px;white-space:nowrap}
  html.carousels-light .nav-links{gap:8px}
  html.carousels-light .nav-links .btn{padding:7px 10px}
  html.carousels-light .hero{padding-top:48px}
  html.carousels-light .hero h1{overflow-wrap:anywhere}
  html.carousels-light .hero-cta{flex-direction:column;align-items:stretch;max-width:290px;margin-left:auto;margin-right:auto}
  html.carousels-light .hero-cta .btn{width:100%}
  html[data-carousels-theme] .domain-theme-toggle{min-height:32px;padding:7px 9px}
  html[data-carousels-theme] .domain-theme-toggle__label{display:none}
}