@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/inter-1.ttf') format('truetype');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/inter-2.ttf') format('truetype');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/inter-3.ttf') format('truetype');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/inter-4.ttf') format('truetype');
}

@layer base {
  html { scroll-behavior: smooth; }

  body {
    background: var(--surface-0);
    color: var(--text-0);
    font-family: var(--font-sans);
    line-height: var(--leading-normal);
  }

  h1, h2, h3 {
    font-family: var(--font-sans);
    font-weight: 700;
    line-height: var(--leading-tight);
    letter-spacing: var(--tracking-tight);
    text-wrap: balance;
  }

  /* ADR-012 (revisado): Orbitron é exclusivo do logotipo (imagem), nunca usado em texto do site */
  h1 {
    font-family: var(--font-sans);
    font-size: var(--font-size-5);
  }
  h2 { font-family: var(--font-sans); font-weight: 600; font-size: var(--font-size-4); }
  h3 { font-family: var(--font-sans); font-weight: 600; font-size: var(--font-size-3); }

  p { color: var(--text-1); max-width: 65ch; }

  .eyebrow {
    font-family: var(--font-sans);
    font-weight: 500;
    font-size: var(--font-size-00);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    color: var(--secondary-500);
  }

  a:focus-visible,
  button:focus-visible,
  input:focus-visible,
  [tabindex]:focus-visible {
    outline: 2px solid var(--secondary-500);
    outline-offset: 4px;
  }

  .visually-hidden {
    position: absolute !important;
    width: 1px; height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .skip-link {
    position: absolute;
    left: var(--space-2);
    top: -100%;
    background: var(--surface-2);
    color: var(--text-0);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-1);
    transition: top var(--duration-short) var(--ease-standard);
    z-index: 100;
  }

  .skip-link:focus {
    top: var(--space-2);
  }
}