/* EDITE A IDENTIDADE VISUAL AQUI. As páginas compartilham estas cores e fontes. */
:root {
  --font-interface: 'Manrope', Arial, sans-serif;
  --lab-white: #F3F1E8;   /* fundo branco quente */
  --deep-navy: #152238;  /* textos, botões e marca */
  --moss: #89946E;       /* detalhes e destaques */
  --sage-light: #C9D0C2; /* notas e superfícies verdes */
  --night-lab: #0B1320;  /* contraste e hover */
}

/* Fonte local: não faz solicitações ao Google durante o uso. */
@font-face {
  font-family:'Manrope';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('/fonts/manrope-400.ttf') format('truetype')
}

@font-face {
  font-family:'Manrope';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('/fonts/manrope-500.ttf') format('truetype')
}

@font-face {
  font-family:'Manrope';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('/fonts/manrope-600.ttf') format('truetype')
}

@font-face {
  font-family:'Manrope';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('/fonts/manrope-700.ttf') format('truetype')
}

@font-face {
  font-family:'Manrope';
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url('/fonts/manrope-800.ttf') format('truetype')
}

/* A família é aplicada explicitamente à página e aos controles. */
html, body { font-family: var(--font-interface); }
button, input, select, textarea { font-family: inherit; }