/* marca.css
   Cores, fontes e espacamentos do CJ Eventos.
   Unico lugar onde essas medidas sao definidas. */

@font-face {
  font-family: "Montserrat";
  src: url("/fontes/montserrat.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/fontes/inter.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Marca */
  --laranja-claro: #FE9303;
  --laranja: #FE7502;
  --laranja-escuro: #E14101;
  --degrade: linear-gradient(135deg, #FE9303 0%, #FE7502 50%, #E14101 100%);
  --laranja-suave: #FFF3E8;
  --laranja-borda: #FFD9B8;

  /* Textos e fundos */
  --texto: #1A1A19;
  --texto-suave: #5C5C63;
  --texto-fraco: #8A8A92;
  --fundo: #FFFFFF;
  --fundo-bloco: #F7F7F8;
  --fundo-separacao: #EFEFF1;
  --borda: #E7E7EA;

  /* Significado */
  --verde: #16A34A;
  --verde-suave: #EAF7EF;
  --vermelho: #E11D48;
  --vermelho-suave: #FDECF0;
  --ambar: #D97706;
  --ambar-suave: #FEF5E7;

  /* Fontes */
  --fonte-titulo: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --fonte-texto: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Formas e sombras */
  --raio: 16px;
  --raio-pequeno: 10px;
  --raio-botao: 12px;
  --sombra: 0 1px 2px rgba(26, 26, 25, 0.04), 0 4px 16px rgba(26, 26, 25, 0.05);
  --sombra-forte: 0 2px 4px rgba(26, 26, 25, 0.05), 0 12px 32px rgba(26, 26, 25, 0.10);

  /* Espacamentos */
  --e1: 4px;
  --e2: 8px;
  --e3: 12px;
  --e4: 16px;
  --e5: 24px;
  --e6: 32px;
  --e7: 48px;

  /* Tempo das animacoes */
  --rapido: 150ms;
  --medio: 250ms;
  --lento: 400ms;

  /* Area segura do iPhone */
  --seguro-topo: env(safe-area-inset-top, 0px);
  --seguro-baixo: env(safe-area-inset-bottom, 0px);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  background: var(--fundo);
  color: var(--texto);
  font-family: var(--fonte-texto);
  font-size: 16px;
  line-height: 1.5;
  font-feature-settings: "tnum" 1;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

h1, h2, h3, h4 {
  font-family: var(--fonte-titulo);
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 var(--e3);
}

p {
  margin: 0 0 var(--e3);
}

a {
  color: var(--laranja-escuro);
}

img {
  max-width: 100%;
  height: auto;
}

button {
  font: inherit;
}

[hidden] {
  display: none !important;
}

:focus-visible {
  outline: 2px solid var(--laranja);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}