html { scroll-behavior:smooth; }

/* ================= BASE ================= */

:root{
  --cs-bg-main:#ffffff;
  --cs-bg-light:#f2f2f2;
  --cs-bg-gradient-1:#e9e9e9;
  --cs-bg-gradient-2:#dcdcdc;

  --cs-text:#333;
  --cs-text-strong:#111;

  --cs-card-bg:#ffffff;
  --cs-border:#eee;

  --cs-accent:#6d28d9;
}

body{
  margin:0;
  font-family:Poppins, sans-serif;
  background:var(--cs-bg-main);
  color:var(--cs-text);
}

/* Глобальные ссылки */
a {
  color: var(--cs-accent);
  text-decoration: none;
  transition: .3s ease;
}

a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

#cs-logo {
  color: var(--cs-accent);
}

/* ================= LAYOUT ================= */
.cs-wrapper{ max-width:1100px; margin:0 auto; padding:0 20px; }
.cs-section{ padding:80px 0; }

.cs-bg-gradient{
  background:linear-gradient(135deg,var(--cs-bg-gradient-1),var(--cs-bg-gradient-2));
}

.cs-bg-white{ background:var(--cs-bg-main); }
.cs-bg-light{ background:var(--cs-bg-light); }

.cs-center{text-align:center;}
.cs-left {text-align: left;}
.cs-right {text-align: right;}
.cs-title{margin-bottom:40px;}

.cs-header{
  background:var(--cs-bg-main);
  border-bottom:1px solid var(--cs-border);
  position:sticky; top:0; z-index:999;
}

.cs-header .cs-wrapper{
  display:flex; justify-content:space-between;
  align-items:center; height:70px;
}


.cs-nav{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:0 20px;
}

.cs-nav a{
  text-decoration:none;
  color:var(--cs-accent);
  font-weight:500;
  transition:.3s;
}

.cs-nav a:hover{
  color:var(--cs-text-strong);
}


.cs-btn{
  display:inline-block;
  margin-top:20px;
  padding:12px 25px;
  border-radius:8px;
  background:var(--cs-accent);
  color:#fff;
  text-decoration:none;
  transition:.2s;
}

.cs-btn:hover{ opacity:.85; }

.cs-cards{ display:flex; gap:30px; margin-top:40px; }

.cs-card{
  background:var(--cs-card-bg);
  padding:30px;
  border-radius:10px;
  box-shadow:0 8px 30px rgba(0,0,0,.05);
  flex:1;
}

.cs-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:20px; margin-top:40px;
}

.cs-grid img{ width:100%; border-radius:10px; }

.cs-footer{
  padding:30px 0;
  border-top:1px solid var(--cs-border);
  text-align:center;
}

.accent {
  color:var(--cs-accent);
}

/* ================= FOOTER TOP ================= */
.cs-footer-grid{
  padding:40px 0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:40px;
}

.cs-footer-col h4{
  margin-bottom:20px;
  font-weight:600;
  color:var(--cs-accent);
}

.cs-footer-col p{
  margin-bottom:15px;
}

.cs-footer-col ul{
  list-style:none;
  padding:0;
  margin:0;
}

.cs-footer-col ul li{
  margin-bottom:10px;
}

.cs-footer-col ul li a{
  color:var(--cs-text);
}

.cs-footer-col ul li a:hover{
  color:var(--cs-accent);
}

.cs-footer-social{
  display:flex;
  gap:12px;
  margin-top:15px;
}

.cs-footer-social a{
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--cs-text);
  background:var(--cs-bg-main);
  border: 1px solid var(--cs-text);
  transition:.3s;
}

.cs-footer-social a:hover{
/*  background:var(--cs-accent);*/
  border: 1px solid var(--cs-accent);
  color:var(--cs-accent);
}

.cs-footer-gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

.cs-footer-gallery img{
  width:100%;
  border-radius:6px;
}

.cs-contact-line{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
}

.cs-contact-line span{
  display:block;
  line-height:1.4;
}

.cs-footer-icon{
  flex-shrink:0;
  color: var(--cs-accent);
}

/* ================= TOP BAR ================= */
.cs-topbar{
  justify-content: space-between;
  align-items: center;
  /*padding: 10px 0px;*/
  color: var(--cs-text);
}

.cs-topbar-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:40px;
}

.cs-topbar-left{
  display:flex;
  align-items:center;
  gap:5px;
}

.cs-topbar-right{
  display:flex;
  align-items:center;
  gap:20px;
}

.cs-topbar-right .cs-footer-icon{
  color: var(--cs-text);
}

.cs-topbar a{
  color:#fff;
  text-decoration:none;
  font-weight:500;
}

.cs-topbar .cs-footer-icon {
  margin-left:10px;
}

.cs-topbar a:hover{
  opacity:.8;
}


/* Team */
.cs-team-strip-card{text-align:center;white-space:normal;padding:22px 18px;border-radius:10px;background:var(--cs-card-bg);border:1px solid var(--cs-border); box-shadow:0 3px 10px rgba(0,0,0,.08); }
.cs-team-strip-photo{width:84px;height:84px;object-fit:cover;display:block;margin:0 auto 14px auto;border-radius:50%;}
.cs-team-strip-name{margin:0 0 6px 0;color:var(--cs-text-strong);}
.cs-team-strip-role{margin-bottom:12px;font-size:15px;font-weight:600;}
.cs-team-strip-text{font-size:15px;line-height:1.55;margin-bottom:14px;color:var(--cs-text);}
.cs-team-strip-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;}
.cs-team-strip-badge{display:inline-block;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--cs-accent) 12%, transparent);border:1px solid color-mix(in srgb,var(--cs-accent) 22%, transparent);}

.cs-pricing-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:stretch;}
.cs-pricing-card{flex:1 1 280px;max-width:360px;padding:30px 26px;border-radius:10px;background:var(--cs-card-bg);border:1px solid var(--cs-border);box-shadow:0 12px 34px rgba(0,0,0,.08);text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;}
.cs-pricing-card-featured{transform:translateY(-14px) scale(1.03);border-color:var(--cs-accent);box-shadow:0 20px 48px rgba(0,0,0,.14);}
.cs-pricing-badge{position:absolute;top:14px;right:14px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;background:var(--cs-accent);color:#fff;}
.cs-pricing-icon{width:64px;height:64px;margin:6px auto 16px auto;display:flex;align-items:center;justify-content:center;color:var(--cs-accent);}
.cs-pricing-title{margin:0 0 12px 0;color:var(--cs-text-strong);}
.cs-pricing-old{margin-bottom:8px;font-size:16px;opacity:.7;text-decoration:line-through;}
.cs-pricing-price{display:flex;justify-content:center;align-items:flex-end;gap:6px;margin-bottom:8px;flex-wrap:wrap;}
.cs-pricing-price-main{font-size:34px;line-height:1;font-weight:800;color:var(--cs-text-strong);}
.cs-pricing-price-unit{font-size:16px;font-weight:700;opacity:.8;margin-bottom:4px;}
.cs-pricing-note{margin-bottom:18px;font-size:14px;line-height:1.5;opacity:.85;min-height:42px;}
.cs-pricing-divider{height:1px;background:var(--cs-border);margin:0 -26px 20px -26px;}
.cs-pricing-features{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;flex:1 1 auto;}
.cs-pricing-feature{font-size:17px;line-height:1.45;}
.cs-pricing-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:15px 22px;border-radius:999px;text-decoration:none;font-size:17px;font-weight:800;border:1px solid var(--cs-accent);color:var(--cs-accent);background:transparent;transition:.2s;box-sizing:border-box;}
.cs-pricing-btn:hover{text-decoration:none;transform:translateY(-2px);background:var(--cs-accent);color:#fff;}
.cs-pricing-card-featured .cs-pricing-btn{background:var(--cs-accent);color:#fff;}
.cs-pricing-card-featured .cs-pricing-btn:hover{text-decoration:none;filter:brightness(1.05);}
.scrolling-container { padding:15px; }
@media (max-width:767px){ .cs-pricing-card-featured{transform:none;} }

.cs-faq-list{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:14px;}
.cs-faq-item{background:var(--cs-card-bg);border:1px solid var(--cs-border);border-radius:14px;overflow:hidden;}
.cs-faq-question{list-style:none;cursor:pointer;padding:7px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:18px;font-weight:600;color:var(--cs-text-strong);}
.cs-faq-question::-webkit-details-marker{display:none;}
.cs-faq-question::after{content:"+";flex:0 0 auto;font-size:28px;line-height:1;color:var(--cs-accent);transition:transform .2s ease;}
.cs-faq-item[open] .cs-faq-question::after{transform:rotate(45deg);}
.cs-faq-answer{padding:0 24px 22px 24px;font-size:17px;line-height:1.65;color:var(--cs-text);text-align:left;}
.cs-faq-answer p{margin:0;}
@media (max-width:767px){
  .cs-faq-question{padding:18px 18px;font-size:20px;}
  .cs-faq-answer{padding:0 18px 18px 18px;font-size:16px;}
}

.cs-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.cs-services-card{padding:28px;border:1px solid var(--cs-border);background:var(--cs-card-bg);border-radius:10px;}
.cs-services-icon{width:44px;height:44px;color:var(--cs-accent);margin-bottom:16px;}
.cs-services-card h3{margin:0 0 10px 0;}
.cs-services-card p{margin:0;color:var(--cs-text);}
@media (max-width:991px){.cs-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.cs-services-grid{grid-template-columns:1fr;}}

.cs-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.cs-portfolio-card{padding:18px;border:1px solid var(--cs-border);background:var(--cs-card-bg);border-radius:18px;box-shadow:0 10px 28px rgba(0,0,0,.08);}
.cs-portfolio-thumb{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:14px;margin-bottom:16px;}
.cs-portfolio-label{margin-bottom:8px;font-size:14px;font-weight:600;}
.cs-portfolio-card h3{margin:0 0 10px 0;color:var(--cs-text-strong);}
.cs-portfolio-card p{margin:0 0 14px 0;color:var(--cs-text);line-height:1.6;}
.cs-portfolio-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.cs-portfolio-tag{display:inline-block;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;background:rgba(255,255,255,.04);border:1px solid var(--cs-border);color:var(--cs-text);}
@media (max-width:991px){.cs-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.cs-portfolio-grid{grid-template-columns:1fr;}}


/* CTA */
.cs-cta-center-box{padding:48px 32px;border-radius:28px;background:color-mix(in srgb,var(--cs-card-bg) 95%,transparent);border:1px solid var(--cs-border);box-shadow:0 20px 60px rgba(0,0,0,.18);}
/*.cs-cta-center-box{padding:48px 32px;border-radius:28px;background:var(--cs-card-bg);border:1px solid var(--cs-border);box-shadow:0 20px 60px rgba(0,0,0,.18);}*/
/*.cs-cta-center-badge{display:inline-block;margin-bottom:14px;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--cs-bg-main);border:1px solid var(--cs-border);color:var(--cs-accent);}*/
.cs-cta-center-badge{display:inline-block;margin-bottom:14px;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,var(--cs-bg-main) 50%,transparent);border:1px solid var(--cs-border);color:var(--cs-accent);}
.cs-cta-center-title{margin:0 0 18px 0;font-size:clamp(34px,5vw,44px);line-height:1.05;font-weight:800;color:var(--cs-text-strong);}
.cs-cta-center-text{max-width:680px;margin:0 auto 26px auto;font-size:clamp(18px,2.2vw,24px);line-height:1.55;opacity:.96;color:var(--cs-text);}
.cs-cta-center-note{margin-bottom:28px;font-size:16px;line-height:1.5;opacity:.92;color:var(--cs-text);}
.cs-cta-center-actions{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;}
.cs-cta-center-btn{display:inline-flex;align-items:center;justify-content:center;min-width:220px;padding:18px 30px;border-radius:16px;text-decoration:none;font-size:18px;font-weight:400;background:var(--cs-accent);color:#fff;border:1px solid var(--cs-accent);box-shadow:0 14px 34px rgba(0,0,0,.22);transition:.2s;}
.cs-cta-center-btn:hover{transform:translateY(-2px);text-decoration:none;}
.cs-cta-center-btn:focus,.cs-cta-center-btn:active,.cs-cta-center-btn:visited{text-decoration:none;}
.cs-cta-center-small{font-size:15px;opacity:.9;}

/*.cs-countdown-box{max-width:980px;margin:0 auto;padding:36px 28px;border-radius:28px;text-align:center;background:var(--cs-card-bg);border:1px solid var(--cs-border);box-shadow:0 20px 60px rgba(0,0,0,.18);}*/
.cs-countdown-box{max-width:980px;margin:0 auto;padding:36px 28px;border-radius:28px;text-align:center;background:color-mix(in srgb,var(--cs-card-bg) 95%,transparent);border:1px solid var(--cs-border);box-shadow:0 20px 60px rgba(0,0,0,.18);}
.cs-countdown-top{max-width:760px;margin:0 auto 14px;color:var(--cs-text-strong);opacity:.95;font-size:clamp(18px,2vw,26px);line-height:1.4;font-weight:700;}
.cs-countdown-title{margin:0 0 14px;font-size:clamp(30px,4.5vw,56px);line-height:1.02;font-weight:800;color:var(--cs-text-strong);}
.cs-countdown-lead{margin:0 auto 14px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cs-text-strong);opacity:.82;}
.cs-countdown-timer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:26px;}
.cs-countdown-num{margin-bottom:8px;font-size:36px;line-height:1;font-weight:800;color:var(--cs-text-strong);}
.cs-countdown-label{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cs-text);opacity:.9;}
/*.cs-countdown-badge{display:inline-block;margin-bottom:14px;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cs-accent);background:var(--cs-bg-main);border:1px solid var(--cs-border);}
.cs-countdown-code{display:inline-block;margin:0 auto 18px;padding:10px 22px;border-radius:999px;font-size:clamp(13px,1.8vw,18px);line-height:1;font-weight:800;letter-spacing:.04em;color:var(--cs-accent);background:var(--cs-bg-main);border:1px solid var(--cs-border);}
.cs-countdown-item{min-width:110px;padding:18px 14px;border-radius:16px;border:1px solid var(--cs-border);background:var(--cs-bg-main);box-shadow:0 10px 24px rgba(0,0,0,.08);}*/
.cs-countdown-badge{display:inline-block;margin-bottom:14px;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cs-accent);background:color-mix(in srgb,var(--cs-bg-main) 50%,transparent);border:1px solid var(--cs-border);}
.cs-countdown-code{display:inline-block;margin:0 auto 18px;padding:10px 22px;border-radius:999px;font-size:clamp(13px,1.8vw,18px);line-height:1;font-weight:800;letter-spacing:.04em;color:var(--cs-accent);background:color-mix(in srgb,var(--cs-bg-main) 50%,transparent);border:1px solid var(--cs-border);}
.cs-countdown-item{min-width:110px;padding:18px 14px;border-radius:16px;border:1px solid var(--cs-border);background:color-mix(in srgb,var(--cs-bg-main) 50%,transparent);box-shadow:0 10px 24px rgba(0,0,0,.08);}
.cs-countdown-btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;border-radius:999px;text-decoration:none;font-size:17px;font-weight:800;background:var(--cs-accent);color:#fff;border:1px solid var(--cs-accent);box-shadow:0 14px 34px rgba(0,0,0,.22);transition:.2s;}
.cs-countdown-btn:hover{text-decoration:none;transform:translateY(-2px);filter:brightness(1.05);}
.cs-countdown-box-side{display:flex;align-items:center;justify-content:center;gap:36px;}
.cs-countdown-media{flex:0 1 360px;display:flex;align-items:center;justify-content:center;}
.cs-countdown-image{display:block;width:100%;max-width:360px;height:auto;max-height:420px;object-fit:cover;border-radius:18px;border:1px solid var(--cs-border);box-shadow:0 14px 34px rgba(0,0,0,.18);}
.cs-countdown-content{flex:0 1 520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.cs-countdown-content .cs-countdown-top,.cs-countdown-content .cs-countdown-lead{margin-left:auto;margin-right:auto;}
.cs-countdown-content .cs-countdown-timer{justify-content:center;gap:12px;}
.cs-countdown-box-side .cs-countdown-item{min-width:80px;padding:16px 12px;}
.cs-countdown-box-side .cs-countdown-num{font-size:30px;margin-bottom:6px;}
.cs-countdown-box-side .cs-countdown-label{font-size:12px;}
@media (max-width:900px){.cs-countdown-box-side{flex-direction:column;gap:24px;}.cs-countdown-media,.cs-countdown-content{flex:1 1 auto;width:100%;}.cs-countdown-image{max-width:320px;max-height:none;}.cs-countdown-content{max-width:100%;}}
@media (max-width:640px){.cs-countdown-box{padding:28px 18px;}.cs-countdown-timer{gap:8px;}.cs-countdown-item{min-width:74px;padding:12px 8px;}.cs-countdown-num{font-size:24px;}.cs-countdown-label{font-size:11px;}.cs-countdown-code{font-size:18px;padding:8px 18px;}.cs-countdown-btn{padding:13px 22px;font-size:15px;}.cs-countdown-box-side .cs-countdown-item{min-width:60px;padding:12px 8px;}.cs-countdown-box-side .cs-countdown-num{font-size:24px;}.cs-countdown-box-side .cs-countdown-label{font-size:11px;}}

/*.cs-download-app-box{max-width:760px;margin:0 auto;padding:42px 28px;border-radius:28px;text-align:center;background:var(--cs-card-bg);border:1px solid var(--cs-border);box-shadow:0 20px 60px rgba(0,0,0,.18);}*/
.cs-download-app-box{max-width:760px;margin:0 auto;padding:42px 28px;border-radius:28px;text-align:center;background:color-mix(in srgb,var(--cs-card-bg) 95%,transparent);border:1px solid var(--cs-border);box-shadow:0 20px 60px rgba(0,0,0,.18);}
.cs-download-app-media{display:flex;justify-content:center;align-items:center;margin:0 auto 22px;}
.cs-download-app-image{display:block;width:100%;max-width:180px;height:auto;max-height:180px;object-fit:contain;border-radius:22px;border:1px solid var(--cs-border);box-shadow:0 14px 34px rgba(0,0,0,.16);}
/*.cs-download-app-badge{display:inline-block;margin-bottom:14px;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cs-accent);background:var(--cs-bg-main);border:1px solid var(--cs-border);}*/
.cs-download-app-badge{display:inline-block;margin-bottom:14px;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cs-accent);background:color-mix(in srgb,var(--cs-bg-main) 50%,transparent);border:1px solid var(--cs-border);}
.cs-download-app-title{margin:0 0 14px;font-size:clamp(30px,4.2vw,48px);line-height:1.06;font-weight:800;color:var(--cs-text-strong);}
.cs-download-app-text{max-width:620px;margin:0 auto 24px;color:var(--cs-text);opacity:.95;font-size:clamp(17px,2vw,22px);line-height:1.55;}
.cs-download-app-btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 30px;border-radius:999px;text-decoration:none;font-size:17px;font-weight:800;background:var(--cs-accent);color:#fff;border:1px solid var(--cs-accent);box-shadow:0 14px 34px rgba(0,0,0,.22);transition:.2s;}
.cs-download-app-btn:hover{text-decoration:none;transform:translateY(-2px);filter:brightness(1.05);}
@media (max-width:640px){.cs-download-app-box{padding:30px 18px;}.cs-download-app-image{max-width:140px;max-height:140px;}.cs-download-app-btn{padding:13px 22px;font-size:15px;}}


/* ================= MOBILE FOOTER FIX ================= */
@media (max-width: 768px) {
  .cs-section {
    padding: 60px 0;
  }

  .cs-cards{flex-direction:column;}
  .cs-header .cs-wrapper{
    flex-direction:column;
    height:auto;
    padding:15px 0;
  }

  /* 1. Делаем одну колонку */
  .cs-footer-grid {
    grid-template-columns: 1fr;
    gap: 35px;
    padding: 50px 0;
  }

  /* 2. Центрируем всё красиво */
  .cs-footer-col {
    text-align: center;
    margin: 0px 20px 0px 20px;
  }

  /* 3. Соц. иконки по центру */
  .cs-footer-social {
    justify-content: center;
    flex-wrap: wrap;
  }

  /* 4. Контактные строки — в колонку */
  .cs-contact-line {
    justify-content: center;
    text-align: left;
  }

  /* 5. Галерея 2 в ряд вместо 3 */
  .cs-footer-gallery {
    grid-template-columns: repeat(2, 1fr);
  }

  .cs-topbar-inner{
    flex-direction:column;
    gap:10px;
    padding:10px 0;
    text-align:center;
  }

  .cs-nav{
    justify-content:center;
    gap:8px 14px;
  }

}

/* ===================================================== */
/* ===================== THEMES ========================= */
/* ===================================================== */

/* 1. Classic Light */
body.cs-theme-classic{
  --cs-bg-main:#ffffff;
  --cs-bg-light:#e9e9e9;
  --cs-bg-gradient-1:#dddddd;
  --cs-bg-gradient-2:#cfcfcf;
  --cs-text:#2f2f2f;
  --cs-text-strong:#1f2937;
  --cs-card-bg:#f7f7f8;
  --cs-border:#d8d8d8;
  --cs-accent:#4C1E51;
}

/* 7. Sand */
body.cs-theme-sand{
  --cs-bg-main:#f7efe5;
  --cs-bg-light:#efe3d4;
  --cs-bg-gradient-1:#f2e2d0;
  --cs-bg-gradient-2:#e2c8a0;
  --cs-text:#3e2f1c;
  --cs-text-strong:#1f2937;
  --cs-card-bg:#f6eee3;
  --cs-border:#e6d5c3;
  --cs-accent:#c2410c;
}

/* 8. Ice */
body.cs-theme-ice{
  --cs-bg-main:#e6f2f8;
  --cs-bg-light:#d8ebf5;
  --cs-bg-gradient-1:#d6eef9;
  --cs-bg-gradient-2:#b9e3f8;
  --cs-text:#0f172a;
  --cs-text-strong:#1f2937;
  --cs-card-bg:#eef7ff;
  --cs-border:#cbd5e1;
  --cs-accent:#0ea5e9;
}

body.cs-theme-sky{
  --cs-bg-main:#f4f9ff;
  --cs-bg-light:#eaf4ff;
  --cs-bg-gradient-1:#e0f2fe;
  --cs-bg-gradient-2:#bae6fd;
  --cs-text:#0f172a;
  --cs-text-strong:#1f2937;
  --cs-card-bg:#f7fbff;
  --cs-border:#dbeafe;
  --cs-accent:#2563eb;
}

body.cs-theme-mint{
  --cs-bg-main:#f2fbf7;
  --cs-bg-light:#e6f7f0;
  --cs-bg-gradient-1:#d1fae5;
  --cs-bg-gradient-2:#a7f3d0;
  --cs-text:#1f2937;
  --cs-text-strong:#111111;
  --cs-card-bg:#f6fdf9;
  --cs-border:#d1f5e0;
  --cs-accent:#10b981;
}

body.cs-theme-lavender{
  --cs-bg-main:#f7f5ff;
  --cs-bg-light:#efeaff;
  --cs-bg-gradient-1:#ede9fe;
  --cs-bg-gradient-2:#ddd6fe;
  --cs-text:#2e1065;
  --cs-text-strong:#1f2937;
  --cs-card-bg:#f6f2ff;
  --cs-border:#e0d7ff;
  --cs-accent:#7c3aed;
}

body.cs-theme-peach{
  --cs-bg-main:#fff7ed;
  --cs-bg-light:#ffedd5;
  --cs-bg-gradient-1:#fed7aa;
  --cs-bg-gradient-2:#fdba74;
  --cs-text:#431407;
  --cs-text-strong:#1f2937;
  --cs-card-bg:#fff2e4;
  --cs-border:#fed7aa;
  --cs-accent:#ea580c;
}

body.cs-theme-silver{
  --cs-bg-main:#f8fafc;
  --cs-bg-light:#f1f5f9;
  --cs-bg-gradient-1:#e2e8f0;
  --cs-bg-gradient-2:#cbd5e1;
  --cs-text:#1e293b;
  --cs-text-strong:#1f2937;
  --cs-card-bg:#f7f9fc;
  --cs-border:#e2e8f0;
  --cs-accent:#475569;
}

body.cs-theme-lemon{
  --cs-bg-main:#fffef2;
  --cs-bg-light:#fef9c3;
  --cs-bg-gradient-1:#fef08a;
  --cs-bg-gradient-2:#fde047;
  --cs-text:#422006;
  --cs-text-strong:#1f2937;
  --cs-card-bg:#fff7d6;
  --cs-border:#fde68a;
  --cs-accent:#ca8a04;
}

body.cs-theme-coral{
  --cs-bg-main:#fff5f5;
  --cs-bg-light:#ffe4e6;
  --cs-bg-gradient-1:#fecdd3;
  --cs-bg-gradient-2:#fda4af;
  --cs-text:#4c0519;
  --cs-text-strong:#1f2937;
  --cs-card-bg:#fff0f2;
  --cs-border:#fecdd3;
  --cs-accent:#e11d48;
}

/* 11. Warm Cream */
body.cs-theme-cream{
  --cs-bg-main:#fdf8f3;
  --cs-bg-light:#f7ede2;
  --cs-bg-gradient-1:#f1e3d3;
  --cs-bg-gradient-2:#e6ccb2;
  --cs-text:#3b2f2f;
  --cs-text-strong:#1f2937;
  --cs-card-bg:#faf1e8;
  --cs-border:#ead7c4;
  --cs-accent:#9d174d;
}

/* 12. Soft Teal */
body.cs-theme-soft-teal{
  --cs-bg-main:#f2fbfa;
  --cs-bg-light:#e0f7f5;
  --cs-bg-gradient-1:#c2ece8;
  --cs-bg-gradient-2:#99ddda;
  --cs-text:#083344;
  --cs-text-strong:#1f2937;
  --cs-card-bg:#f0faf9;
  --cs-border:#c7f0ed;
  --cs-accent:#0d9488;
}

/* 13. Blush Rose */
body.cs-theme-blush{
  --cs-bg-main:#fff7fa;
  --cs-bg-light:#fde2ef;
  --cs-bg-gradient-1:#fbcfe8;
  --cs-bg-gradient-2:#f9a8d4;
  --cs-text:#4a044e;
  --cs-text-strong:#1f2937;
  --cs-card-bg:#fff0f6;
  --cs-border:#fbcfe8;
  --cs-accent:#be185d;
}

/* 14. Light Slate */
body.cs-theme-slate-light{
  --cs-bg-main:#f4f6f8;
  --cs-bg-light:#e8edf2;
  --cs-bg-gradient-1:#d1d9e0;
  --cs-bg-gradient-2:#b6c2cf;
  --cs-text:#1f2937;
  --cs-text-strong:#1f2937;
  --cs-card-bg:#eef2f6;
  --cs-border:#dbe3ea;
  --cs-accent:#2563eb;
}

/* 15. Fresh Lime */
body.cs-theme-lime{
  --cs-bg-main:#fafff2;
  --cs-bg-light:#ecfccb;
  --cs-bg-gradient-1:#d9f99d;
  --cs-bg-gradient-2:#bef264;
  --cs-text:#1a2e05;
  --cs-text-strong:#1f2937;
  --cs-card-bg:#f6ffe6;
  --cs-border:#d9f99d;
  --cs-accent:#65a30d;
}

/* ---Dark--- 9. Dark Violet (твой оригинал) */
body.cs-theme-dark-violet{
  --cs-bg-main:#121212;
  --cs-bg-light:#1e1e1e;
  --cs-bg-gradient-1:#1a1a1a;
  --cs-bg-gradient-2:#111111;
  --cs-text:#e4e4e4;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#1b1b1b;
  --cs-border:#2a2a2a;
  --cs-accent:#a855f7;
}

/* 2. Carbon */
body.cs-theme-carbon{
  --cs-bg-main:#121212;
  --cs-bg-light:#1a1a1a;
  --cs-bg-gradient-1:#1c1c1c;
  --cs-bg-gradient-2:#0f0f0f;
  --cs-text:#e4e4e4;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#181818;
  --cs-border:#2c2c2c;
  --cs-accent:#9ca3af; /* серо-графитовый */
}

/* 4. Forest */
body.cs-theme-forest{
  --cs-bg-main:#0f1f17;
  --cs-bg-light:#162d22;
  --cs-bg-gradient-1:#1b3a2d;
  --cs-bg-gradient-2:#14532d;
  --cs-text:#e6f4ea;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#1c3326;
  --cs-border:#254d3a;
  --cs-accent:#4ade80;
}

/* 3. Ocean */
body.cs-theme-ocean{
  --cs-bg-main:#0f172a;
  --cs-bg-light:#16213e;
  --cs-bg-gradient-1:#0f1f3a;
  --cs-bg-gradient-2:#1e3a8a;
  --cs-text:#e2e8f0;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#1e293b;
  --cs-border:#334155;
  --cs-accent:#38bdf8;
}


/* 6. Rose */
body.cs-theme-rose{
  --cs-bg-main:#2a1120;
  --cs-bg-light:#3a1a2c;
  --cs-bg-gradient-1:#4c1d2f;
  --cs-bg-gradient-2:#831843;
  --cs-text:#fce7f3;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#3c1f2f;
  --cs-border:#6b213f;
  --cs-accent:#f472b6;
}

/* 5. Sunset */
body.cs-theme-sunset{
  --cs-bg-main:#2b1a17;
  --cs-bg-light:#3a221e;
  --cs-bg-gradient-1:#4b1d1d;
  --cs-bg-gradient-2:#7c2d12;
  --cs-text:#fdecea;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#3a2320;
  --cs-border:#5a2c27;
  --cs-accent:#fb923c;
}


body.cs-theme-midnight{
  --cs-bg-main:#0b1220;
  --cs-bg-light:#111827;
  --cs-bg-gradient-1:#0f172a;
  --cs-bg-gradient-2:#1e3a8a;
  --cs-text:#e2e8f0;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#111c2e;
  --cs-border:#1f2a44;
  --cs-accent:#3b82f6;
}

body.cs-theme-emerald-dark{
  --cs-bg-main:#081c15;
  --cs-bg-light:#0f2a21;
  --cs-bg-gradient-1:#134e4a;
  --cs-bg-gradient-2:#065f46;
  --cs-text:#e6fffa;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#0f2e26;
  --cs-border:#134e4a;
  --cs-accent:#10b981;
}

body.cs-theme-ruby{
  --cs-bg-main:#1b0b12;
  --cs-bg-light:#2a121b;
  --cs-bg-gradient-1:#3f1d2e;
  --cs-bg-gradient-2:#7f1d1d;
  --cs-text:#ffe4e6;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#2d1620;
  --cs-border:#4c1d2f;
  --cs-accent:#ef4444;
}

body.cs-theme-deep-teal{
  --cs-bg-main:#081a1f;
  --cs-bg-light:#0f2a30;
  --cs-bg-gradient-1:#134e4a;
  --cs-bg-gradient-2:#0e7490;
  --cs-text:#d1f5f9;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#123238;
  --cs-border:#1f4f57;
  --cs-accent:#06b6d4;
}

body.cs-theme-indigo-dark{
  --cs-bg-main:#0f1021;
  --cs-bg-light:#1a1b3a;
  --cs-bg-gradient-1:#312e81;
  --cs-bg-gradient-2:#4c1d95;
  --cs-text:#e0e7ff;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#1c1d44;
  --cs-border:#3730a3;
  --cs-accent:#8b5cf6;
}

body.cs-theme-graphite{
  --cs-bg-main:#111318;
  --cs-bg-light:#1a1d23;
  --cs-bg-gradient-1:#1f2937;
  --cs-bg-gradient-2:#334155;
  --cs-text:#e5e7eb;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#1f2430;
  --cs-border:#2f3545;
  --cs-accent:#60a5fa;
}

/* 13. Cyber Neon */
body.cs-theme-cyber{
  --cs-bg-main:#0a0a0a;
  --cs-bg-light:#121212;
  --cs-bg-gradient-1:#141414;
  --cs-bg-gradient-2:#000000;
  --cs-text:#e5ffe5;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#151515;
  --cs-border:#2a2a2a;
  --cs-accent:#39ff14; /* кислотный лайм */
}

/* 14. Electric Purple */
body.cs-theme-electric{
  --cs-bg-main:#0c0c14;
  --cs-bg-light:#141423;
  --cs-bg-gradient-1:#1a1a2e;
  --cs-bg-gradient-2:#0f0f1b;
  --cs-text:#f3e8ff;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#1b1b33;
  --cs-border:#2c2c55;
  --cs-accent:#c084fc; /* ярче и холоднее чем violet */
}

/* 15. Crimson Night */
body.cs-theme-crimson{
  --cs-bg-main:#140809;
  --cs-bg-light:#1d0f11;
  --cs-bg-gradient-1:#2b1114;
  --cs-bg-gradient-2:#3b0d13;
  --cs-text:#ffeaea;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#241214;
  --cs-border:#3b1a1d;
  --cs-accent:#dc2626;
}

/* 16. Arctic Contrast */
body.cs-theme-arctic{
  --cs-bg-main:#0a1116;
  --cs-bg-light:#0f1a22;
  --cs-bg-gradient-1:#132530;
  --cs-bg-gradient-2:#0b1e28;
  --cs-text:#e6faff;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#12202a;
  --cs-border:#1c3a46;
  --cs-accent:#22d3ee;
}

/* 17. Golden Noir */
body.cs-theme-gold-noir{
  --cs-bg-main:#0b0b0b;
  --cs-bg-light:#141414;
  --cs-bg-gradient-1:#1c1c1c;
  --cs-bg-gradient-2:#0a0a0a;
  --cs-text:#fef9e7;
  --cs-text-strong:#ffffff;
  --cs-card-bg:#1a1a1a;
  --cs-border:#2a2a2a;
  --cs-accent:#d4af37; /* золото */
}