/* ============================================
   KAROL FEITOSA — MAIN STYLESHEET
   Entry point: importa tokens e reset,
   declara @font-face e utilitários globais.
   ============================================ */

@import url('./tokens.css');
@import url('./reset.css');
@import url('./navbar.css');
@import url('./hero.css');
@import url('./about.css');
@import url('./methodology.css');
@import url('./services.css');
@import url('./testimonials.css');
@import url('./contact.css');
@import url('./footer.css');


/* ——————————————————————————————
   @FONT-FACE — Lemon Sans Next
   Fonte: Assets/fonts/
—————————————————————————————— */

@font-face {
  font-family: 'LemonSans';
  src: url('../Assets/fonts/LemonSansNext-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'LemonSans';
  src: url('../Assets/fonts/LemonSansNext-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'LemonSans';
  src: url('../Assets/fonts/LemonSansNext-SLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'LemonSans';
  src: url('../Assets/fonts/LemonSansNext-SLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'LemonSans';
  src: url('../Assets/fonts/LemonSansNext-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'LemonSans';
  src: url('../Assets/fonts/LemonSansNext-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'LemonSans';
  src: url('../Assets/fonts/LemonSansNext-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'LemonSans';
  src: url('../Assets/fonts/LemonSansNext-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'LemonSans';
  src: url('../Assets/fonts/LemonSansNext-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'LemonSans';
  src: url('../Assets/fonts/LemonSansNext-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'LemonSans';
  src: url('../Assets/fonts/LemonSansNext-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* ——————————————————————————————
   UTILITÁRIOS GLOBAIS
—————————————————————————————— */

.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-padding);
}

/* Acessibilidade — esconde visualmente, mantém para leitores de tela */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Texto em gradiente */
.text-gradient {
  background: var(--gradient-brand);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Seção genérica */
.section {
  padding-block: var(--section-py);
}

.section--dark {
  background-color: var(--color-bg-dark);
  color: var(--color-text-light);
}


/* ——————————————————————————————
   COMPONENTES (a desenvolver nas
   próximas fases)
—————————————————————————————— */

/* navbar       → ver: .navbar       */
/* hero         → ver: .hero         */
/* about        → ver: .about        */
/* methodology  → ver: .methodology  */
/* services     → ver: .services     */
/* testimonials → ver: .testimonials */
/* contact      → ver: .contact      */
/* footer       → ver: .footer       */