/*
  Edite este arquivo para trocar fontes, tamanhos e cores do site inteiro.
  Se o site estiver no ar, basta substituir este arquivo e recarregar a hospedagem.
*/

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;700&display=swap');

:root {
  --font-body: 'Space Grotesk', sans-serif;
  --font-heading: 'Fraunces', serif;

  --font-size-body: 16px;
  --font-size-hero: clamp(2.7rem, 7vw, 6rem);
  --font-size-section-title: clamp(2rem, 4vw, 3.3rem);
  --font-size-card-title: 1.7rem;

  --gradient-left: #3b2e2a;
  --gradient-middle: #514541;
  --gradient-right: #656363;

  --color-surface: rgba(255, 251, 246, 0.84);
  --color-surface-strong: #fffaf3;
  --color-ink: #131313;
  --color-muted: #5a5650;
  --color-line: rgba(19, 19, 19, 0.12);
  --color-accent: #ef5a36;
  --color-accent-soft: #ffd6cc;
  --color-success: #00857a;

  --button-project-bg: #165dff;
  --button-project-hover: #5f94ff;
  --button-whatsapp-bg: #1f9d57;
  --button-whatsapp-hover: #197947;
  --button-neutral-bg: #ffffff;
  --button-neutral-hover: #e6e6e6;
  --button-dark-text: #ffffff;

  --radius-lg: 32px;
  --radius-md: 22px;
  --radius-sm: 14px;
  --shadow-strong: 0 24px 60px rgba(16, 16, 16, 0.12);
  --max-width: 1180px;
}