:root {
  --bg: #f5f9ff;                /* Fundo principal - azul muito claro, quase branco */
  --paper: #ffffff;             /* Superfícies (cards, seções internas) */
  --muted: #6c7a8c;             /* Texto secundário, azul acinzentado */
  --accent: #2b6cb0;            /* Azul médio - botões, links, destaques */
  --accent-2: #d0e4ff;          /* Azul bem claro - áreas de contraste suave */
  --card-border: rgba(30, 64, 175, 0.08);
  --beige: #eaf2fb;             /* Gradiente base (substitui beige) */
  --beige-2: #dae8f7;           /* Gradiente complementar (mais saturado) */
  --brown: #1e3a5f;             /* Azul escuro substituindo marrom médio */
  --brown-dark: #0a192f;        /* Azul bem escuro para textos principais */
  --blue: #2c5282;              /* Azul médio intenso - ícones, títulos */
  --blue-deep: #12263f;         /* Azul profundo - cabeçalhos, contrastes */
  --glass: rgba(255, 255, 255, 0.08);
  --radius: 14px;
  --shadow-sm: 0 2px 8px rgba(16, 24, 40, 0.08);
  --shadow-md: 0 6px 28px rgba(16, 24, 40, 0.12);
  --maxwidth: 1200px;
}

/* Reset e comportamento global */
* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

html {
  scroll-behavior: smooth;
}

/* Corpo e plano de fundo */
body {
  margin: 0;
  font-family: 'Poppins', system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--brown-dark);
  background: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}