/* ═══════════════════════════════════════════════════════════════════
   NORDESTE RP - TOKENS
   Camada unica de design tokens. Carregado ANTES de todo o resto.

   Contrastes medidos contra as TRES superficies (fundo, superficie,
   elevada); os numeros no comentario sao o PIOR caso, nao o melhor.
   ═══════════════════════════════════════════════════════════════════ */

:root {
  /* superficies */
  --nrp-bg:      #12100D;
  --nrp-surface: #201B17;
  --nrp-raised:  #332B24;
  --nrp-line:    #877A69;   /* 3,32:1 */

  /* texto */
  --nrp-ink:   #F5F0E8;     /* 12,24:1 */
  --nrp-ink-2: #BCB1A2;     /*  6,58:1 */
  --nrp-ink-3: #A39889;     /*  4,90:1 */

  /* quatro cores, quatro trabalhos */
  --nrp-acao:       #12D64F;  /* 7,12:1 - botao e preco. unica que preenche bloco */
  --nrp-sobre-acao: #08140A;  /* 9,65:1 sobre acao */
  --nrp-escassez:   #FFB020;  /* 7,60:1 - estoque baixo, topo de linha, foco */
  --nrp-erro:       #FF5C42;  /* 4,54:1 - campo invalido, pagamento recusado */
  --nrp-entrega:    #2FC4DE;  /* 6,66:1 - confirmacao e info neutra */

  /* excecao declarada: cor de marca de terceiro pode preencher bloco */
  --nrp-pix:     #32BCAD;
  --nrp-discord: #5865F2;

  /* escala de tipo - 8 degraus. O CSS tinha 26 tamanhos distintos. */
  --nrp-fs-xs:      12px;   /* rotulo, badge. piso: nada abaixo disto */
  --nrp-fs-sm:      14px;   /* apoio */
  --nrp-fs-base:    16px;   /* corpo e TODO campo de formulario */
  --nrp-fs-lg:      18px;
  --nrp-fs-xl:      20px;   /* titulo de secao */
  --nrp-fs-2xl:     24px;   /* preco */
  --nrp-fs-3xl:     32px;   /* display */
  --nrp-fs-display: 40px;   /* hero */

  /* espaco - base 4 */
  --nrp-s1: 4px;  --nrp-s2: 8px;  --nrp-s3: 12px; --nrp-s4: 16px;
  --nrp-s5: 24px; --nrp-s6: 32px; --nrp-s7: 48px; --nrp-s8: 72px;

  /* forma */
  --nrp-radius: 4px;        /* onde a mao toca. card e midia ficam em 0 */
  --nrp-touch: 44px;

  /* movimento */
  --nrp-t: 120ms;
  --nrp-ease: linear;

  /* a unica sombra permitida: profundidade de sobreposicao */
  --nrp-shadow-overlay: 0 16px 40px rgba(0, 0, 0, 0.55);
}

/* Respeita quem pediu menos movimento. O tema tinha 7 animacoes infinitas
   e nenhuma media query de reducao. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}