/* ==========================================================
   Paleta MS Cursos — identidade azul institucional.
   Carregada depois de estilo.css; redefine só cor.
   Claro é o padrão: a maior parte da interface é branca,
   e o azul institucional aparece concentrado no menu.
   ========================================================== */
/* Os seletores precisam empatar em especificidade com os blocos de tema
   do estilo.css (:root[data-tema="claro"] e :root:not([data-tema="escuro"]))
   para vencer por vir depois na cascata. */
:root,
:root[data-tema="claro"],
:root:not([data-tema="escuro"]){
  --bg:#F7F8FA; --superficie:#FFFFFF; --superficie2:#F8FAFC; --superficie3:#E6E8EE;
  --linha:#E6E8EE; --linha-forte:#C9CED9;
  --texto:#0F172A; --suave:#64748B;
  --marca:#2563EB; --marca-texto:#FFFFFF; --marca-fraca:#DBEAFE;
  --azul-fundo:#123C7A;
  --ouro:#123C7A; --ouro-fraco:#DBEAFE;
  --ok:#16A34A; --ok-fraco:rgba(22,163,74,.12);
  --atraso:#DC2626; --atraso-fraco:rgba(220,38,38,.10);
  --sombra:0 1px 2px rgba(11,15,25,.05), 0 8px 24px rgba(11,15,25,.06);
  /* O menu é grafite, não preto puro: #0B0F19 carrega azul na mistura,
     então pertence à mesma família dos azuis da marca. Preto puro ao
     lado de azul vira buraco e deixa o azul parecendo sujo. */
  --menu-bg:#0B0F14; --menu-texto:#8A93A3; --menu-forte:#FFFFFF;
  --menu-ativo:#16243C; --menu-linha:rgba(255,255,255,.12);
  color-scheme:light;
}
:root[data-tema="escuro"]{
  --bg:#0B0F14; --superficie:#151A22; --superficie2:#1B212B; --superficie3:#262E3B;
  --linha:rgba(154,163,178,.20); --linha-forte:rgba(154,163,178,.34);
  --texto:#E5E9F0; --suave:#9AA3B2;
  --marca:#3B82F6; --marca-texto:#070A12; --marca-fraca:rgba(59,130,246,.20);
  --azul-fundo:#123C7A;
  --ouro:#7FA9EE; --ouro-fraco:rgba(127,169,238,.16);
  --ok:#22C55E; --ok-fraco:rgba(34,197,94,.16);
  --atraso:#F87171; --atraso-fraco:rgba(248,113,113,.15);
  --sombra:0 10px 30px rgba(3,5,10,.55);
  --menu-bg:#070A0E; --menu-ativo:#16243C; color-scheme:dark;
}

/* ===== Menu lateral institucional ===== */
@media (min-width:900px){
  .menu{background:var(--menu-bg);border-right:0}
  .menu .marca{color:var(--menu-forte)}
  .menu .marca span{color:var(--marca)}
  .menu .marca small{color:var(--menu-texto);opacity:.8}
  .menu-item{color:var(--menu-texto)}
  .menu-item:hover{background:rgba(255,255,255,.08);color:var(--menu-forte)}
  .menu-item{position:relative}
  .menu-item[aria-current="page"]{background:var(--menu-ativo);color:var(--menu-forte)}
  .menu-item[aria-current="page"]::before{content:"";position:absolute;left:0;top:7px;bottom:7px;
    width:3px;border-radius:0 3px 3px 0;background:var(--marca)}
  .menu-rodape{border-top:1px solid var(--menu-linha);color:var(--menu-forte)}
  .menu-rodape .sub{color:var(--menu-texto)}
  .menu .btn{background:rgba(255,255,255,.10);border-color:var(--menu-linha);color:var(--menu-forte)}
  .menu .btn:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.34)}
}

/* ===== Celular: topo e barra inferior também institucionais ===== */
.topo{background:var(--menu-bg);border-bottom:0}
body::before{background:var(--menu-bg)}
.topo .marca{color:var(--menu-forte)}
.topo .marca span{color:var(--marca)}
.topo .marca small{color:var(--menu-texto);opacity:.8}
.topo .icone-btn{background:rgba(255,255,255,.10);border-color:var(--menu-linha);color:var(--menu-forte)}
.abas{background:var(--menu-bg);border-top:0}
.aba{color:var(--menu-texto)}
.aba[aria-current="page"]{color:var(--menu-forte)}
.aba[aria-current="page"] svg{color:var(--marca)}

/* texto legível sobre o azul vibrante */
::selection{background:var(--marca);color:var(--marca-texto)}
.balao i{color:var(--marca-texto)}

/* ==========================================================
   Blocos do cronograma — versão clara.
   Retângulos chapados e saturados são herança da Tutory e pesam
   numa interface branca. Aqui o bloco vira cartão: fundo da
   superfície, texto escuro (muito mais legível que branco sobre
   azul em 11px) e a cor do tipo concentrada na barra lateral,
   no rótulo e no realce de hover.
   ========================================================== */
.bloco{--cor:#1D4ED8}
.bloco[data-t="resumo"]{--cor:#3B82F6}
.bloco[data-t="revisao"]{--cor:#D97706}
.bloco[data-t="exercicio"]{--cor:#0D9488}
.bloco[data-atrasada="1"]{--cor:#DC2626}
.bloco.feito{--cor:#16A34A}

.bloco,
.bloco[data-t="resumo"],
.bloco[data-t="revisao"],
.bloco[data-t="exercicio"],
.bloco[data-atrasada="1"],
.bloco.feito{
  background:var(--superficie);
  color:var(--texto);
  border:1px solid var(--linha);
  border-left:3px solid var(--cor);
  border-radius:10px;
  padding:10px 11px;
  opacity:1;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.bloco:hover{filter:none;transform:translateY(-1px);
  border-color:var(--cor);box-shadow:0 4px 14px rgba(15,23,42,.10)}
.bloco b{color:var(--texto)}
.bloco .disc{color:var(--suave);opacity:1}
.bloco .pe{color:var(--cor);opacity:1;font-weight:600}
.bloco .pe em{background:color-mix(in srgb,var(--cor) 13%,transparent);
  color:var(--cor);font-weight:600}
.bloco.feito b{text-decoration:line-through;text-decoration-color:var(--suave);opacity:.72}
.bloco.feito .disc{opacity:.72}

/* a coluna de hoje fica num azul mais leve, para os cartões brancos
   continuarem saltando dentro dela */
.cel.e-hoje{background:#EFF6FF}
/* A faixa dos dias precisa de tom próprio. Em branco quase puro ela some
   dentro do cartão e a grade fica sem cabeçalho visível. */
.grade-cab{background:#EDF0F5}
.grade-cab .e-hoje{background:#DCEAFD}
:root[data-tema="escuro"] .cel.e-hoje{background:rgba(59,130,246,.10)}
:root[data-tema="escuro"] .grade-cab{background:var(--superficie2)}
:root[data-tema="escuro"] .grade-cab .e-hoje{background:rgba(59,130,246,.16)}