/* Página de links do Zamuvo (zamuvo.com/links), D-586, 15/11/2026. Sem script, sem rastreador. */
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fontes/fraunces-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Atkinson Hyperlegible"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fontes/atkinson-hyperlegible-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Atkinson Hyperlegible"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fontes/atkinson-hyperlegible-latin-700-normal.woff2") format("woff2"); }
:root {
  color-scheme: dark;
  --ceu-a: #0a0e24;
  --ceu-b: #1a2040;
  --texto: #f3efe4;
  --suave: #d8dbec;
  --luz: #ffd36b;
  --luz-sombra: #8a5200;
  --botao-texto: #12163a;
  --cartao: rgb(26 32 64 / 0.92);
  --borda: rgb(255 211 107 / 0.45);
  --foco: #8ab4ff;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  min-height: 100vh;
  font: 400 1.0625rem/1.5 "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--texto);
  background:
    radial-gradient(60rem 30rem at 50% -8rem, rgb(255 185 56 / 0.22), transparent 70%),
    linear-gradient(180deg, var(--ceu-a), var(--ceu-b));
  background-attachment: fixed;
}
.links { max-width: 30rem; margin: 0 auto; padding: 40px 16px 32px; }
.links__topo { text-align: center; margin-bottom: 28px; }
.links__icone { display: block; margin: 0 auto 12px; border-radius: 22px; box-shadow: 0 0 0 2px var(--borda), 0 10px 40px rgb(255 185 56 / 0.25); }
.links__nome { margin: 0; font: 700 2.25rem/1.1 "Fraunces", Georgia, "Times New Roman", serif; color: #fff3cf; }
.links__frase { margin: 8px auto 0; max-width: 22rem; color: var(--suave); }
.links__lista { display: grid; gap: 12px; }
.link {
  display: block; min-height: 64px; padding: 14px 18px; border-radius: 16px;
  background: var(--cartao); border: 1px solid var(--borda);
  color: var(--texto); text-decoration: none; text-align: center;
  transition: transform 120ms ease, border-color 120ms ease;
}
.link:hover { border-color: var(--luz); transform: translateY(-1px); }
.link:focus-visible { outline: 3px solid var(--foco); outline-offset: 3px; }
.link__titulo { display: block; font-weight: 700; font-size: 1.125rem; }
.link__nota { display: block; margin-top: 2px; font-size: 0.9375rem; color: var(--suave); }
.link--principal { background: var(--luz); border-color: var(--luz); color: var(--botao-texto); box-shadow: 0 4px 0 var(--luz-sombra); }
.link--principal .link__nota { color: var(--botao-texto); }
.link--principal:hover { border-color: #fff3cf; }
.links__rodape { margin-top: 32px; text-align: center; font-size: 0.9375rem; color: var(--suave); }
.links__rodape p { margin: 6px 0; }
.links__rodape a { color: var(--texto); text-underline-offset: 3px; }
.links__rodape a:focus-visible { outline: 3px solid var(--foco); outline-offset: 2px; border-radius: 4px; }
@media (prefers-reduced-motion: reduce) { .link { transition: none; } .link:hover { transform: none; } }