/* ================================
   ROOT
================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
  --cor-fundo: #F8FAFC;

  --cor-primaria: #0B2545;
  --cor-secundaria: #43AA8B;
  --cor-terciaria: #E63946;

  --cor-clara: #FFFFFF;
  --cor-texto: #0F172A;

  --input-nao-clicado: #D1D5DB;

  --hover-secundária: #2F8F72;
  --hover-terciaria: #C62828;
  --hover-cor-clara: #F1F5F9;

  --border: #E5E7EB;
  --muted: #94A3B8;
  --paragrafos: #64748B;
  --text: #0B2545;

  --fonte-principal: 'Poppins', sans-serif;
  
  --radius-padrao: 14px;
  --espacamento: 1.6rem;

  --header-height: 5rem;
  --steps-height: 5rem;

  --container-max: 900px;
  --container-max-painel: 1200px;

  --accent: #2F855A;
  --accent-dark: #23664b;

  --bg: #ffffff;

  --dropdown-shadow: 0 8px 24px rgba(16,24,40,0.06);

  --accent-warning: #F59E0B;
  --accent-warning-dark: #D97706;

  --color-border: #e5e7eb;

  --font-size-xs: 0.875rem;
  --font-size-sm: 1rem;
  --font-size-md: 1.25rem;
  --font-size-lg: 1.5rem;
  --font-size-xl: 2rem;
  --font-size-xxl: 2.75rem;

  --container-width: 1200px;

  --radius-sm: 14px;
  --radius-md: 14px;
  --radius-lg: 14px;

  --transition: all 0.25s ease;
}

/* ================================
   RESET
================================ */

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

* {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  display: block;
}

button,
input,
textarea {
  font-family: inherit;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
}

/* ================================
   BASE
================================ */

body {
  font-family: var(--fonte-principal);
  color: var(--cor-texto);
  background: var(--cor-fundo);
  line-height: 1.6;
  padding-top: var(--header-height);
}

h1,
h2,
h3,
h4 {
  font-weight: 600;
  line-height: 1.2;
  color: var(--cor-primaria);
}

h1 {
  font-size: var(--font-size-xxl);
  font-weight: 700;
  color: #0E2D3C;
  letter-spacing: -0.02em;
}

h2 {
  font-size: var(--font-size-xl);
}

h3 {
  font-size: var(--font-size-lg);
}

p {
  color: var(--paragrafos);
  font-size: var(--font-size-sm);
}

/* ================================
   TEXT HIGHLIGHT
================================ */

.highlight {
  color: var(--cor-secundaria);
  font-weight: 600;
}

/* ================================
   CONTAINER
================================ */

.container {
  width: 100%;
  max-width: var(--container-max-painel);
  margin: 0 auto;
  padding: 0 24px;
}

/* ================================
   SECTION
================================ */

section {
  padding: 100px 0;
}

.section-title {
  text-align: center;
  margin-bottom: 60px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* ================================
   UTILITIES
================================ */

.text-center {
  text-align: center;
}

.mt-sm { margin-top: 16px; }
.mt-md { margin-top: 32px; }
.mt-lg { margin-top: 64px; }

html {
  scroll-behavior: smooth;
}

@media (max-width: 768px) {

  :root {
    --header-height: 4rem;
  }

}