/* =========================================================
   Análise de Dados Univariados — PPGBA/UFMS 2026/2
   Paleta herdada do site do Biodiversity Synthesis Lab
   (provetelab.org) para manter identidade visual.
   ========================================================= */

:root {
  --bsl-accent: #1c6e8c;          /* teal profundo — água/biodiversidade */
  --bsl-accent-dark: #144f64;
  --bsl-muted: #6c757d;
  --bsl-bg-page: #faf7f0;         /* creme de papel */
  --bsl-bg-soft: #f3eee3;
  --bsl-bg-card: #ffffff;
  --bsl-border: #e3dccd;
}

html, body { background-color: var(--bsl-bg-page); }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue",
               Helvetica, Arial, "Liberation Sans", sans-serif;
  line-height: 1.65;
  color: #2d3748;
}

/* --- Navbar --- */
.navbar {
  border-bottom: 1px solid var(--bsl-border);
  padding-top: .4rem;
  padding-bottom: .4rem;
  font-size: .95rem;
  background-color: #fdfaf3 !important;
}
.navbar-brand { font-weight: 600; letter-spacing: .2px; font-size: 1.05rem; }
.navbar .nav-link { font-weight: 500; color: #2d3748; }
.navbar .nav-link:hover, .navbar .nav-link:focus { color: var(--bsl-accent); }

/* --- Links --- */
a { color: var(--bsl-accent); text-decoration: none; }
a:hover { color: var(--bsl-accent-dark); text-decoration: underline; }

/* --- Cabeçalhos --- */
h1, h2, h3, h4 { color: #1a202c; font-weight: 600; }
h2 {
  border-bottom: 1px solid var(--bsl-border);
  padding-bottom: .3rem;
  margin-top: 2rem;
}

/* --- Faixa de metadados no topo de cada encontro --- */
.aula-meta {
  background-color: var(--bsl-bg-soft);
  border-left: 3px solid var(--bsl-accent);
  padding: .55rem .9rem;
  margin-bottom: 1.4rem;
  font-size: .92rem;
  color: #4a5568;
  border-radius: 0 4px 4px 0;
}

/* --- Tabela do cronograma --- */
.quarto-listing table { font-size: .95rem; background-color: var(--bsl-bg-card); }
.quarto-listing table thead th {
  border-bottom: 2px solid var(--bsl-accent);
  color: #1a202c;
}

/* --- Blocos de código --- */
pre.sourceCode {
  background-color: #fdfcf8;
  border: 1px solid var(--bsl-border);
  border-radius: 4px;
}

/* --- Callouts --- */
div.callout { border-radius: 4px; }

/* --- Botões --- */
.btn-outline-primary {
  color: var(--bsl-accent);
  border-color: var(--bsl-accent);
}
.btn-outline-primary:hover {
  background-color: var(--bsl-accent);
  border-color: var(--bsl-accent);
  color: #fff;
}

/* --- Etiqueta de bloco (manhã/tarde) --- */
.bloco {
  display: inline-block;
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .4px;
  padding: .12rem .5rem;
  border-radius: 3px;
  background-color: var(--bsl-accent);
  color: #fff;
  vertical-align: middle;
}