/* Tectoniq drop-in. Requer tokens/colors.css + tokens/typography.css. */
.tq-body{background:var(--tq-canvas);color:var(--tq-body);font:var(--tq-text);font-variation-settings:var(--tq-font-settings-body);-webkit-font-smoothing:antialiased}
.tq-eyebrow{font:var(--tq-eyebrow);font-variation-settings:var(--tq-font-settings-body);letter-spacing:.2em;text-transform:uppercase;color:var(--tq-blue)}
.tq-h1{font:var(--tq-display);font-variation-settings:var(--tq-font-settings-display);letter-spacing:-.025em;color:var(--tq-ink)}
.tq-h2{font:var(--tq-h2);font-variation-settings:var(--tq-font-settings-display);letter-spacing:-.02em;color:var(--tq-ink)}

/* LOGO — wordmark TECTONIQ (Gill Sans · caixa-alta · peso 300 · tracking .26em · Q azul) */
.tq-wordmark{font-family:var(--tq-font-logo);font-weight:300;text-transform:uppercase;
  letter-spacing:.26em;padding-left:.26em;color:var(--tq-ink);white-space:nowrap;display:inline-block}
.tq-wordmark .q{color:var(--tq-blue)}
.tq-dark .tq-wordmark, .tq-on-dark .tq-wordmark{color:var(--tq-on-dark)}
.tq-dark .tq-wordmark .q, .tq-on-dark .tq-wordmark .q{color:var(--tq-sky)}

/* Animação de entrada: tracking-expand (as letras se abrem) + o Q acende por último.
   Adicione a classe .tq-anim quando quiser tocar. */
@keyframes tq-track{from{letter-spacing:.02em;opacity:0}to{letter-spacing:.26em;opacity:1}}
@keyframes tq-qignite{0%,50%{color:var(--tq-ink)}100%{color:var(--tq-blue)}}
@keyframes tq-qignite-dark{0%,50%{color:var(--tq-on-dark)}100%{color:var(--tq-sky)}}
.tq-wordmark.tq-anim{animation:tq-track 1s cubic-bezier(.16,.84,.3,1) both}
.tq-wordmark.tq-anim .q{animation:tq-qignite 1.4s ease both}
.tq-dark .tq-wordmark.tq-anim .q, .tq-on-dark .tq-wordmark.tq-anim .q{animation:tq-qignite-dark 1.4s ease both}
@media (prefers-reduced-motion:reduce){
  .tq-wordmark.tq-anim{animation:none;opacity:1}
  .tq-wordmark.tq-anim .q{animation:none}
}

/* Botões (pílula) */
.tq-btn{font-family:var(--tq-font-display);font-variation-settings:var(--tq-font-settings-display);font-weight:650;font-size:15px;padding:12px 22px;
  border-radius:9999px;border:0;cursor:pointer}
.tq-btn--primary{background:var(--tq-blue);color:#fff}
.tq-btn--secondary{background:transparent;color:var(--tq-ink);border:2px solid var(--tq-ink)}
.tq-btn--dark{background:var(--tq-bedrock);color:#fff}

/* Superfícies */
.tq-surface-dark{background:var(--tq-bedrock);color:var(--tq-on-dark)}
.tq-surface-soft{background:var(--tq-cloud);color:var(--tq-ink)}