/* Cerrado Coffee Carbon · identidade visual v2.0 · rota Estrato
   Camada de apresentação documental. O conteúdo científico e os dados não
   são alterados por este arquivo. */
@font-face{
  font-family:Jost;
  src:url("Jost-400.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:Jost;
  src:url("Jost-500.ttf") format("truetype");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:Jost;
  src:url("Jost-600.ttf") format("truetype");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

:root{
  color-scheme:light;
  --ccc-verde-cerrado:#173724;
  --ccc-verde-broto:#7bac43;
  --ccc-osso:#f2f0e8;
  --ccc-grafite:#0e1611;
  --ccc-verde-broto-escuro:#4e7226;
  --ccc-nevoa:#d9d6ca;
  --ccc-terra-chapada:#b5793f;
  --ccc-superficie:#fbfaf5;
  --ccc-superficie-2:#eeebe2;
  --ccc-erro:#a8452f;
  --ccc-erro-suave:#f2e2dc;
  --ccc-cinza-verde:#4f5f54;

  /* Compatibilidade com os nomes da primeira versão do dossiê. */
  --forest:var(--ccc-verde-cerrado);
  --forest-2:var(--ccc-verde-broto-escuro);
  --cream:var(--ccc-osso);
  --paper:var(--ccc-superficie);
  --leaf:#e0e6cf;
  --copper:var(--ccc-terra-chapada);
  --gold:var(--ccc-terra-chapada);
  --rose:var(--ccc-erro-suave);
  --ink:var(--ccc-grafite);
  --muted:var(--ccc-cinza-verde);
  --line:var(--ccc-nevoa);
  --shadow:none;
  --font-ui:Jost,"Avenir Next",system-ui,sans-serif;
  --font-copy:Literata,Georgia,"Times New Roman",serif;
  --font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;
}

html{background:var(--ccc-osso)}
body{
  color:var(--ccc-grafite);
  background:var(--ccc-osso)!important;
  background-image:none!important;
  font-family:var(--font-ui)!important;
}
a{color:var(--ccc-verde-broto-escuro)}
a:hover{color:var(--ccc-verde-cerrado)}

.top,.topbar{border-bottom-color:var(--ccc-nevoa)}
.identity{min-width:0}
.brand-logo{
  display:block;
  width:clamp(210px,24vw,290px);
  height:auto;
  flex:0 1 auto;
}
.brand span{
  display:block;
  padding-left:14px;
  border-left:1px solid var(--ccc-nevoa);
  font-family:var(--font-mono);
  color:var(--ccc-cinza-verde);
}
.mark{display:none!important}
.brand b{display:none!important}
.eyebrow,.date{font-family:var(--font-mono)}

h1,h2,h3,.metric b,.progress-number,.gate-progress strong{
  font-family:var(--font-copy)!important;
  color:inherit;
}

.hero-main,.page-hero{
  background:var(--ccc-verde-cerrado)!important;
  color:var(--ccc-osso)!important;
  box-shadow:none!important;
}
.hero-main .lead,.page-hero p{color:rgba(242,240,232,.78)}
.hero-main .eyebrow,.page-hero .eyebrow,.page-index{color:var(--ccc-verde-broto)!important}
.hero-side,.progress-card,.gate-progress,.good{background:#e0e6cf!important}
.blocked,.gate.blocked,.gate-edit.blocked{background:var(--ccc-erro-suave)!important}
.form-hero{background:var(--ccc-verde-cerrado)!important}
.form-hero .eyebrow{color:var(--ccc-verde-broto)!important}

.hero-main,.hero-side,.metric,.card,.route,.warn,table,.gate-progress,.gate,
.docs a,.decision,.page-hero,.sidenav,.prose,.callout,.table-wrap,.progress-card,
.form-section,.gate-edit,.btn,.gate-action,.field input,.field select,.field textarea,
.gate-controls input,.gate-controls select,.gate-controls textarea{
  border-radius:0!important;
  box-shadow:none!important;
}
.seal,.rank,.gate>b,.gate-head b{
  border-radius:0!important;
}

.route{
  border-color:var(--ccc-nevoa)!important;
  transition:border-color .18s ease,background-color .18s ease!important;
}
.route::after{color:var(--ccc-terra-chapada)!important}
.route:hover{
  transform:none!important;
  box-shadow:none!important;
  border-color:var(--ccc-verde-broto-escuro)!important;
  background:var(--ccc-superficie-2)!important;
}
.rank{
  background:var(--ccc-verde-cerrado)!important;
  color:var(--ccc-verde-broto)!important;
  font-family:var(--font-copy)!important;
}
.warn{background:#efe4d6!important;border-left-color:var(--ccc-terra-chapada)!important}
th{background:var(--ccc-verde-cerrado)!important;color:var(--ccc-osso)!important}
tr:hover td{background:var(--ccc-superficie-2)!important}
.status.ok,.ok{color:var(--ccc-verde-broto-escuro)!important}
.n{color:var(--ccc-terra-chapada)!important}

.sidenav a:hover,.sidenav a.active{
  border-color:var(--ccc-verde-broto-escuro)!important;
  background:var(--ccc-superficie-2)!important;
  color:var(--ccc-verde-cerrado)!important;
}
.prose code{background:var(--ccc-superficie-2)!important;border-radius:0!important}
.prose strong{color:var(--ccc-verde-cerrado)!important}
.callout{background:#e0e6cf!important;border-left-color:var(--ccc-verde-broto-escuro)!important}
.task input{accent-color:var(--ccc-verde-broto-escuro)!important}

.btn,.gate-action{
  background:var(--ccc-verde-cerrado)!important;
  color:var(--ccc-osso)!important;
  font-family:var(--font-ui)!important;
}
.btn:hover,.gate-action:hover{background:var(--ccc-verde-broto-escuro)!important;color:var(--ccc-osso)!important}
.btn.secondary,.gate-action.secondary{
  background:var(--ccc-superficie)!important;
  color:var(--ccc-verde-cerrado)!important;
  border:1px solid var(--ccc-nevoa)!important;
}
.btn.secondary:hover,.gate-action.secondary:hover{background:var(--ccc-superficie-2)!important}
.decision{background:var(--ccc-verde-cerrado)!important;color:var(--ccc-osso)!important}
.decision p{color:rgba(242,240,232,.78)!important}
.decision .button{background:var(--ccc-verde-broto)!important;color:var(--ccc-grafite)!important}

.progress-fill{background:var(--ccc-verde-cerrado)!important}
.gate.complete,.gate-edit.complete{border-color:var(--ccc-verde-broto-escuro)!important}
.gate.complete>b,.gate-edit.complete .gate-head b{background:var(--ccc-verde-broto-escuro)!important}
.gate>b,.gate-head b{background:var(--ccc-terra-chapada)!important;color:var(--ccc-osso)!important}
.gate.blocked,.gate-edit.blocked{border-color:var(--ccc-erro)!important}
.gate-controls input,.gate-controls select,.gate-controls textarea,
.field input,.field select,.field textarea{
  background:var(--ccc-superficie)!important;
  color:var(--ccc-grafite)!important;
  border-color:var(--ccc-nevoa)!important;
  font-family:var(--font-ui)!important;
}
.gate-controls input:focus,.gate-controls select:focus,.gate-controls textarea:focus,
.field input:focus,.field select:focus,.field textarea:focus,
a:focus-visible,button:focus-visible{
  outline:3px solid var(--ccc-verde-broto)!important;
  outline-offset:2px;
}
.docs a:hover{background:#e0e6cf!important}
.decision-bar{
  background:rgba(242,240,232,.97)!important;
  backdrop-filter:none!important;
}

@media(max-width:700px){
  .identity{align-items:flex-start}
  .brand-logo{width:190px}
  .brand span{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}
@media print{
  body{background:#fff!important}
  .brand-logo{width:230px}
}