/* VANTOR Design System · entrada unica
   Importa todos os tokens e define a base. */
@import url('./tokens/colors.css');
@import url('./tokens/typography.css');
@import url('./tokens/spacing.css');
@import url('./tokens/effects.css');

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

body {
  margin: 0;
  background: var(--vt-bg);
  color: var(--vt-text);
  font-family: var(--vt-font-body);
  font-size: var(--vt-fs-body);
  line-height: var(--vt-leading-body);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .vt-display {
  font-family: var(--vt-font-display);
  line-height: var(--vt-leading-tight);
  margin: 0 0 var(--vt-space-4);
}
h1 { font-size: var(--vt-fs-h1); font-weight: var(--vt-fw-bold); }
h2 { font-size: var(--vt-fs-h2); font-weight: var(--vt-fw-bold); }
h3 { font-size: var(--vt-fs-h3); font-weight: var(--vt-fw-semibold); }

/* Wordmark */
.vt-wordmark {
  font-family: var(--vt-font-display);
  font-weight: var(--vt-fw-bold);
  letter-spacing: var(--vt-track-wordmark);
  text-transform: uppercase;
  color: var(--vt-text);
}

/* Eyebrow / label */
.vt-eyebrow {
  font-family: var(--vt-font-body);
  font-size: var(--vt-fs-caption);
  letter-spacing: var(--vt-track-eyebrow);
  text-transform: uppercase;
  color: var(--vt-text-muted);
}

/* Acento */
.vt-accent { color: var(--vt-accent); }

/* Botao base */
.vt-btn {
  font-family: var(--vt-font-display);
  font-weight: var(--vt-fw-semibold);
  background: var(--vt-accent);
  color: var(--vt-onyx);
  border: 0;
  border-radius: var(--vt-radius-sm);
  padding: var(--vt-space-3) var(--vt-space-5);
  cursor: pointer;
  transition: background var(--vt-dur-fast) var(--vt-ease-out),
              transform var(--vt-dur-base) var(--vt-ease-overshoot);
}
.vt-btn:hover { background: var(--vt-accent-hover); transform: translateY(-1px); }

.vt-container { max-width: var(--vt-container); margin-inline: auto; padding-inline: var(--vt-space-5); }