/* =========================================================
   CS PRÓTESE V3.16 — PALETAS DINÂMICAS DO LAYOUT MODERNO
   A estrutura V4 não muda. Somente a identidade cromática.
   ========================================================= */

:root,
html[data-cs-theme="csprotese"],
html[data-cs-theme="blue"]{
  --theme-dark:#173b5b;
  --theme-dark-2:#244f72;
  --theme-main:#2b78a6;
  --theme-accent:#63b7d8;
  --theme-soft:#eef7fb;
  --theme-hero-1:#103d69;
  --theme-hero-2:#17699f;
  --theme-footer:#0f3153;
}
html[data-cs-theme="light"]{
  --theme-dark:#276987; --theme-dark-2:#3c87a5; --theme-main:#55a8c8;
  --theme-accent:#8bd1e7; --theme-soft:#f0f9fc;
  --theme-hero-1:#397f9d; --theme-hero-2:#69b7d2; --theme-footer:#245d76;
}
html[data-cs-theme="green"]{
  --theme-dark:#285c46; --theme-dark-2:#39775d; --theme-main:#3e8d68;
  --theme-accent:#71bd91; --theme-soft:#f0f8f3;
  --theme-hero-1:#255842; --theme-hero-2:#3f8c68; --theme-footer:#214c3a;
}
html[data-cs-theme="sea-green"]{
  --theme-dark:#17645f; --theme-dark-2:#24827b; --theme-main:#2b9b91;
  --theme-accent:#65c9bf; --theme-soft:#effaf8;
  --theme-hero-1:#155c58; --theme-hero-2:#26978e; --theme-footer:#124d49;
}
html[data-cs-theme="red"]{
  --theme-dark:#743b43; --theme-dark-2:#95505a; --theme-main:#b65b66;
  --theme-accent:#dc8a94; --theme-soft:#fcf3f4;
  --theme-hero-1:#6d3740; --theme-hero-2:#ad5662; --theme-footer:#5c3037;
}
html[data-cs-theme="orange"]{
  --theme-dark:#805027; --theme-dark-2:#a66831; --theme-main:#c77b35;
  --theme-accent:#e3aa6c; --theme-soft:#fdf7f0;
  --theme-hero-1:#764922; --theme-hero-2:#bd7130; --theme-footer:#65401f;
}
html[data-cs-theme="yellow"]{
  --theme-dark:#76621d; --theme-dark-2:#97802a; --theme-main:#b89a32;
  --theme-accent:#d9c267; --theme-soft:#fdfaf0;
  --theme-hero-1:#6e5b1a; --theme-hero-2:#aa8e2c; --theme-footer:#5f501b;
}
html[data-cs-theme="pink"]{
  --theme-dark:#67406f; --theme-dark-2:#85538f; --theme-main:#9f65aa;
  --theme-accent:#c18aca; --theme-soft:#faf3fb;
  --theme-hero-1:#603b68; --theme-hero-2:#965da1; --theme-footer:#52345a;
}
html[data-cs-theme="coffee"]{
  --theme-dark:#604c42; --theme-dark-2:#7b6255; --theme-main:#927465;
  --theme-accent:#b79a8a; --theme-soft:#f8f4f1;
  --theme-hero-1:#58463d; --theme-hero-2:#86695a; --theme-footer:#4c3c34;
}
html[data-cs-theme="dark"]{
  --theme-dark:#252c32; --theme-dark-2:#343e46; --theme-main:#4d5b65;
  --theme-accent:#82939f; --theme-soft:#f2f4f5;
  --theme-hero-1:#20262b; --theme-hero-2:#3a454d; --theme-footer:#1b2024;
}

/* Repassa a paleta para as variáveis já usadas pelo layout moderno. */
html[data-cs-theme]{
  --cs-navy:var(--theme-dark) !important;
  --cs-navy-soft:var(--theme-dark-2) !important;
  --cs-blue:var(--theme-main) !important;
  --cs-sky:var(--theme-accent) !important;
  --cs-ice:var(--theme-soft) !important;
}

/* Componentes que ainda tinham cores azuis fixas no custom.css. */
html[data-cs-theme] .cs-hero,
html[data-cs-theme] .cs-hero .flexslider{
  background:linear-gradient(135deg,var(--theme-hero-1) 0%,var(--theme-hero-2) 100%) !important;
}
html[data-cs-theme] #footerWrapper{
  background:var(--theme-footer) !important;
}
html[data-cs-theme] #mainHeader .navbar-default .navbar-nav>.active>a,
html[data-cs-theme] #mainHeader .navbar-default .navbar-nav>.active>a:hover,
html[data-cs-theme] #mainHeader .navbar-default .navbar-nav>li>a:hover{
  color:var(--theme-main) !important;
}
html[data-cs-theme] .btn-primary,
html[data-cs-theme] .btn-info{
  background-color:var(--theme-main) !important;
  border-color:var(--theme-main) !important;
}
html[data-cs-theme] .btn-primary:hover,
html[data-cs-theme] .btn-info:hover{
  background-color:var(--theme-dark-2) !important;
  border-color:var(--theme-dark-2) !important;
}
html[data-cs-theme] a:hover,
html[data-cs-theme] .cs-accent,
html[data-cs-theme] .cs-section-kicker{
  color:var(--theme-main) !important;
}
html[data-cs-theme] .page-header,
html[data-cs-theme] #page .page-header{
  background:linear-gradient(135deg,var(--theme-hero-1),var(--theme-hero-2)) !important;
}
html[data-cs-theme] .portfolio-item:hover,
html[data-cs-theme] .blog-item:hover,
html[data-cs-theme] .cs-card:hover{
  border-color:color-mix(in srgb,var(--theme-main) 28%,#e7edf1) !important;
}

/* Browsers sem color-mix simplesmente ignoram a regra acima. */