/* JC Digital Expand: azul-marinho e dourado do logo. So' vale com data-marca="jc". */
html[data-marca="jc"]:not([data-tema="claro"]), [data-marca="jc"] .sempre-escuro {
  /* conteudo azul bem escuro (contraste); moldura no azul da marca (--chrome) */
  --canvas: #05071A; --chrome: #0C1230; --bg: #080B1C; --panel: #0E1328;
  --raised: #161D38; --hover: #1F2746; --line: #1F2745; --checked: #323C63;
  --text: #F2F3F7; --text-2: #A8ACBA; --text-mute: #A8ACBA; --text-ph: #9A9EAC; --text-off: #6C7080;
  --accent: #D2AA52; --accent-hover: #E2BE6A; --on-accent: #0C1230;
}
html[data-marca="jc"][data-tema="claro"] {
  --canvas: #E8EAF2; --chrome: #F3F4F9; --bg: #FFFFFF; --panel: #F8F9FC;
  --raised: #EEF0F7; --hover: #E4E7F1; --line: #DDE1EC; --checked: #CDD2E2;
  --text: #121A3F; --text-2: #4A5378;
  --accent: #121A3F; --accent-hover: #0A1030; --on-accent: #F6DE97;
}
html[data-marca="jc"] { --focus: #D2AA52; }
[data-marca="jc"] body { background: #000; }
[data-marca="jc"][data-tema="claro"] body { background: radial-gradient(1200px 700px at 30% 20%, #F1EBDD 0%, #D9DCE8 60%, #C2C7D9 100%); }
[data-marca="jc"] #camada-ligacao:has(> .cj) { background: #0C1230; border-color: #2A3466; }
[data-marca="jc"] #camada-ligacao:has(> .cj)::before {
  background: #0C1230 url("../img/jc-mark.svg") 12px center / 16px 16px no-repeat; border-color: #2A3466;
}
/* Barra de titulo, canto do logo, topo e rail: azul-marinho da marca, com
   controles no mesmo tom. */
html[data-marca="jc"]:not([data-tema="claro"]) :is(.barra-titulo, .marca, .topo, .rail) {
  --raised: #1C2554; --hover: #253064; --line: #2A3466; --text-2: #A9B0CC;
}