@import url("cbm-tokens.css");

/* BASE GLOBAL DO CENTRO BRASIL MEMÓRIA
   Arquivo compartilhado gerado pela auditoria de duplicidades.
   Edite aqui apenas padrões realmente comuns entre páginas e seções.
*/

:root {
  /* Raios de borda — sistema visual CBM */
  --raio-pequeno: 4px;
  --raio-padrao: 6px;
  --raio-medio: 8px;
  --raio-grande: 12px;

  --cbm-amarelo-120: var(--cbm-amarelo-700);
  --cbm-amarelo-cbm: var(--cbm-amarelo-500);
  --cbm-azul-120: var(--cbm-azul-700);
  --cbm-azul-150: var(--cbm-azul-700);
  --cbm-azul-cbm: var(--cbm-azul-500);
  --cbm-ease: cubic-bezier(.2, .8, .2, 1);
  --cbm-focus-ring: var(--cbm-cinza-900-a08);
  --cbm-gradient-AmAz: var(--cbm-gradient-amarelo-azul-verde);
  --cbm-gradient-AmVe: var(--cbm-gradient-amarelo-verde);
  --cbm-gradient-AzAm: var(--cbm-gradient-azul-amarelo);
  --cbm-gradient-AzVe: var(--cbm-gradient-azul-verde);
  --cbm-gradient-VeAm: var(--cbm-gradient-verde-amarelo);
  --cbm-gradient-VeAz: var(--cbm-gradient-verde-azul);
  --cbm-gradient-brand: var(--cbm-gradient-azul-verde-amarelo);
  --cbm-grey: var(--cbm-cinza-500);
  --cbm-grey-soft: var(--cbm-cinza-200);
  --cbm-hover-bg: var(--cbm-cinza-050);
  --cbm-hover-linha: var(--cbm-cinza-200);
  --cbm-ink: var(--cbm-cinza-900);
  --cbm-ink-soft: var(--cbm-cinza-700);
  --cbm-linha: var(--cbm-azul-500-a12);
  --cbm-linha-strong: var(--cbm-azul-500-a22);
  --cbm-max: 1280px;
  --cbm-muted: var(--cbm-cinza-600);
  --cbm-off-verde: var(--cbm-verde-700-a08);
  --cbm-off-white: var(--cbm-azul-050);
  --cbm-shadow: 0 18px 45px var(--cbm-sombra-base-a08);
  --cbm-shadow-soft: 0 10px 30px var(--cbm-sombra-base-a05);
  --cbm-surface-soft: var(--cbm-cinza-025);
  --cbm-verde-150: var(--cbm-verde-900);
  --cbm-verde-cbm: var(--cbm-verde-700);
  --cbm-verde-claro-cbm: var(--cbm-verde-500);
  --cbm-white: var(--cbm-branco);
}


* {
  box-sizing:border-box;
}

a {
  color:inherit;
  text-decoration:none;
}

button, input {
  font:inherit;
}

img {
  display:block;
  max-width:100%;
}

@media (max-width: 760px) {
  .cbm-container {
    width:min(100% - 32px,var(--cbm-max));
  }
}