/* =========================================================
   Tokens — a única fonte de verdade de cor, tipo e ritmo.
   Antes havia dois blocos :root em conflito e três fontes
   declaradas que a página nem carregava.
   ========================================================= */

:root {
  /* Cores — paleta @camiagencia (profissionalismo, público adulto):
     olive #6c6654, navy #28384a, rust #744436, beige #d4c8ad. */
  --ink: #28384a;
  --ink-soft: #4b5c6e;
  --cream: #f4efe7;
  --paper: #fbf8f3;
  --sand: #d4c8ad;          /* fundo da seção de caminhos */
  --shell: #ece3d2;         /* fundo do "Sobre" */
  --night: #161f29;         /* rodapé */
  --plum: #744436;          /* card Clínica 360º */
  --white: #fff;

  --lavender: #c1ae95;
  --lavender-hover: #cabaa5;
  --lavender-soft: #e3dbcf;
  --sage: #918c7f;
  --sage-soft: #ccc9c3;
  --clay-soft: #cebeb9;
  --danger: #ffc3bd;

  /* Superfícies sobre fundo escuro */
  --on-dark-90: rgba(244, 239, 231, .9);
  --on-dark-70: rgba(244, 239, 231, .7);
  --on-dark-60: rgba(244, 239, 231, .6);
  --on-dark-45: rgba(244, 239, 231, .45);
  --on-dark-35: rgba(244, 239, 231, .35);
  --line-dark: rgba(255, 255, 255, .12);
  --line-dark-soft: rgba(255, 255, 255, .08);

  /* Superfícies sobre fundo claro */
  --on-light-60: rgba(40, 56, 74, .6);
  --line-light: rgba(40, 56, 74, .16);
  --line-light-soft: rgba(40, 56, 74, .13);

  --shadow: 0 32px 80px rgba(40, 56, 74, .16);

  /* Tipografia — as fontes que o index.html realmente carrega. */
  --serif: "Newsreader", Georgia, serif;
  --sans: "Manrope", system-ui, sans-serif;

  /* Ritmo. 100% em vez de 100vw: 100vw inclui a barra de rolagem
     e gerava overflow horizontal no desktop. */
  --container: min(1380px, calc(100% - 72px));
  --section-space: clamp(88px, 8vw, 124px);
  --header-h: 100px;
}

@media (max-width: 1180px) {
  :root { --container: min(100% - 44px, 1060px); }
}

@media (max-width: 1050px) {
  :root { --container: min(100% - 40px, 960px); }
}

@media (max-width: 760px) {
  :root {
    --container: calc(100% - 28px);
    --section-space: 84px;
  }
}