/* =============================================================
   BASE — variáveis compartilhadas por todas as páginas
   Complexo de Cachoeiras Véu de Noiva

   Este é o único arquivo de cor do projeto. Alterar um valor aqui
   muda o site, o formulário, o painel e as placas de uma vez.
   ============================================================= */

:root{

  /* ---- MARCA — mude aqui e muda o projeto inteiro ---- */
  --mata: #0d1f18;
  --mata-2: #132e23;
  --agua: #1f6f6b;
  --agua-clara: #7fc9bf;
  --agua-2: #2d8c85;
  --quartzo: #e8e0d2;
  --quartzo-2: #cbbfa8;
  --areia: #f6f2ea;
  --noite: #080f1a;
  --dourado: #c9a35e;
  --texto: #1a1a17;
  --txt: #1a1a17;
  --suave: #6f6a5f;
  --linha: #e2dccf;

  /* ---- TIPOGRAFIA ---- */
  --fonte-t: 'Georgia','Times New Roman',serif;
  --fonte-c: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ft: 'Georgia','Times New Roman',serif;
  --f: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --max: 1180px;

  /* ---- PAINEL — superfícies e tinta ---- */
  --surface-1: #fdfcf9;
  --plane: #f5f4ef;
  --text-primary: #0b0b0b;
  --text-secondary: #52514e;
  --muted: #898781;
  --grid: #e1e0d9;
  --baseline: #c3c2b7;
  --ring: rgba(11,11,11,.10);
  --success-text: #006300;

  /* ---- PAINEL — cores de dado (validadas para daltonismo e contraste) ---- */
  --series-1: #008b80;
  --series-2: #c26a00;
  --series-3: #5340bd;
  --ord-1: #5ac3b8;
  --ord-2: #22a396;
  --ord-3: #008b80;
  --ord-4: #00625b;
  --good: #0ca30c;
  --warning: #fab219;
  --critical: #d03b3b;
}


/* ---- reset comum ---- */
*{margin:0;padding:0;box-sizing:border-box}
img{max-width:100%;display:block}

/* ---- barra de navegação entre as páginas do projeto ----
   Só aparece em desenvolvimento. Para publicar, apague o bloco
   <nav class="dev-bar"> das páginas (ou este CSS). */
.dev-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:9999;
  display:flex;gap:2px;justify-content:center;align-items:center;
  background:rgba(8,20,16,.94);backdrop-filter:blur(10px);
  padding:7px 10px;font-family:var(--fonte-c);
  border-top:1px solid rgba(255,255,255,.12);
}
.dev-bar a{
  color:rgba(255,255,255,.72);text-decoration:none;font-size:.74rem;
  padding:6px 13px;border-radius:100px;transition:.15s;white-space:nowrap;
}
.dev-bar a:hover{background:rgba(255,255,255,.12);color:#fff}
.dev-bar a.on{background:var(--dourado);color:var(--mata);font-weight:700}
.dev-bar b{
  color:rgba(255,255,255,.35);font-size:.62rem;letter-spacing:.14em;
  text-transform:uppercase;font-weight:600;margin-right:10px;
}
@media print{ .dev-bar{display:none} }