:root {
  --sm-fundo: #0E0F12;
  --sm-superficie: #17191E;
  --sm-superficie-2: #23262D;
  --sm-linha: #2C3038;
  --sm-texto: #F2F3F5;
  --sm-texto-2: #9AA0AA;
  --sm-destaque: #C6F432;
  --sm-atencao: #FF8A3D;
  --sm-atencao-fundo: #1E1A16;
  --sm-atencao-linha: #5A3A22;
  --sm-atencao-texto: #FFB27A;
}

* { box-sizing: border-box; }

html { color-scheme: dark; }

body {
  margin: 0;
  background: var(--sm-fundo);
  color: var(--sm-texto);
  font: 400 15px/1.6 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}

main {
  max-width: 44rem;
  margin: 0 auto;
  padding: 24px 16px 64px;
}

h1, h2 {
  font-family: "Space Grotesk", Inter, system-ui, sans-serif;
  font-weight: 700;
  line-height: 1.25;
}

h1 { font-size: 22px; margin: 8px 0 4px; }
h2 { font-size: 16px; margin: 32px 0 8px; }

p, li { color: var(--sm-texto); }
.secundario { color: var(--sm-texto-2); font-size: 14px; }

ul, ol { padding-left: 1.25rem; }
li { margin: 6px 0; }

a {
  color: var(--sm-destaque);
  text-underline-offset: 3px;
}

a:focus-visible {
  outline: 2px solid var(--sm-destaque);
  outline-offset: 3px;
  border-radius: 4px;
}

nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid var(--sm-linha);
  border-radius: 999px;
  background: var(--sm-superficie);
  color: var(--sm-texto);
  text-decoration: none;
  font-weight: 500;
}

nav a[aria-current="page"] {
  border-color: var(--sm-destaque);
  color: var(--sm-destaque);
}

.cartao {
  background: var(--sm-superficie);
  border: 1px solid var(--sm-linha);
  border-radius: 14px;
  padding: 4px 16px;
  margin: 16px 0;
}

.aviso {
  background: var(--sm-atencao-fundo);
  border: 1px solid var(--sm-atencao-linha);
  color: var(--sm-atencao-texto);
  border-radius: 14px;
  padding: 12px 16px;
  margin: 16px 0;
}

footer {
  margin-top: 40px;
  padding-top: 16px;
  border-top: 1px solid var(--sm-linha);
}

@media (prefers-reduced-motion: no-preference) {
  a { transition: color 0.15s ease; }
}