:root {
  /* Paleta da marca */
  --brand: #f8bc26;
  --orange-light: #f59b23;
  --orange-brand: #e58a21;
  --orange-dark: #cd5823;
  --orange-deep: #8a3b22;

  /* Fundos */
  --obsidian: #08090d;
  --slatedark: #0d111a;
  --carddark: #121622;
  --cardmid: #1e2433;

  /* Seções claras */
  --lightclean: #f8fafc;
  --lightsoft: #f1f5f9;
  --warmlight: #fff8f0;

  /* Escala de cinzas personalizada */
  --slate-250: #cbd5e1;
  --slate-350: #94a3b8;
  --slate-450: #64748b;
  --slate-550: #475569;
  --slate-650: #334155;
  --slate-750: #1e2433;
  --slate-850: #0f172a;

  /* Variações com transparência */
  --obsidian-92: rgba(8, 9, 13, 0.92);
  --obsidian-75: rgba(8, 9, 13, 0.75);
  --obsidian-60: rgba(8, 9, 13, 0.6);
  --obsidian-50: rgba(8, 9, 13, 0.5);
  --obsidian-35: rgba(8, 9, 13, 0.35);
  --orange-brand-40: rgba(229, 138, 33, 0.4);
  --orange-brand-35: rgba(229, 138, 33, 0.35);
  --orange-brand-30: rgba(229, 138, 33, 0.3);
  --orange-brand-28: rgba(229, 138, 33, 0.28);
  --orange-brand-08: rgba(229, 138, 33, 0.08);
  --orange-brand-05: rgba(229, 138, 33, 0.05);
  --black-60: rgba(0, 0, 0, 0.6);
  --black-08: rgba(0, 0, 0, 0.08);
}

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

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
svg,
video {
  max-width: 100%;
}

button,
a,
input,
select,
textarea {
  min-width: 0;
}

@media (max-width: 639px) {
  .hero-content {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }

  .hero-content h1 {
    font-size: clamp(2rem, 10vw, 2.75rem);
  }

  .hero-content .flex-col > a,
  section[id="produtos"] .text-center > a {
    width: 100%;
    justify-content: center;
  }

  section[id="produtos"] .group {
    min-height: 18rem;
  }

  section[id="dimensoes"] .group {
    aspect-ratio: 4 / 3;
  }

  section[id="sobre"] .relative > .absolute,
  section[id="missao"] .relative > .absolute {
    max-width: calc(100% - 1rem);
  }

  #toast-notification > div {
    width: 100%;
  }
}