/* base.css — reset, tipografia e tokens da marca EasyKitchen */

:root {
  --ek-yellow: #FFF385;
  --ek-charcoal: #1A1A2E;
  --ek-sage: #6D8E74;
  --ek-coral: #EF767A;
  --ek-gray: #F5F5F5;
}

html {
  font-family: 'Poppins', system-ui, sans-serif;
  color-scheme: light;
  background-color: var(--ek-gray);
  scroll-behavior: smooth;
}

body {
  background-color: var(--ek-gray);
  color: var(--ek-charcoal);
  overflow-x: hidden;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

.text-balance { text-wrap: balance; }
.text-pretty { text-wrap: pretty; }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* grid sutil de fundo usado no herói e nas seções amarelas */
.bg-grid {
  background-image:
    linear-gradient(rgba(26, 26, 46, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26, 26, 46, 0.05) 1px, transparent 1px);
  background-size: 36px 36px;
}

/* FAQ: remove marcador padrão do <summary> */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details[open] .faq-icon { transform: rotate(45deg); }