/* Mjolnix — tokens de marca (fonte única: identidade/tokens.json).
   Usado pelo site e pelos modelos de criativos. */
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;600&family=Inter:wght@400;600&family=JetBrains+Mono:wght@500&display=swap");

:root {
  --forja: #0E131B;    /* fundo escuro principal */
  --carvao: #131313;   /* símbolo sobre claro */
  --grafite: #3A4048;  /* wordmark sobre claro */
  --nevoa: #8A94A3;    /* texto secundário */
  --gelo: #F4F6F9;     /* fundo claro / texto sobre escuro */
  --raio: #00ADFD;     /* acento: o triângulo-martelo, CTAs */
  --aco: #5B8FB0;      /* "TECH", detalhes */

  --f-display: "Jost", system-ui, sans-serif;
  --f-texto: "Inter", system-ui, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, monospace;
}

/* Wordmark: MJOLNIX em Jost leve, espaçado; "TECH" alinhado à direita em aço. */
.wordmark { display: inline-flex; flex-direction: column; align-items: flex-end; line-height: 1; font-family: var(--f-display); }
.wordmark b { font-weight: 300; letter-spacing: .14em; color: currentColor; }
.wordmark small { font-weight: 400; letter-spacing: .12em; color: var(--aco); font-size: .42em; margin-top: .25em; }