/* ═══════════════════════════════════════════════════════════════════
   CREDIPTU — tokens
   Fonte de verdade: docs/identidade-regulariza.md
   Nenhum valor de cor, tipo ou espaço deve ser escrito fora daqui.
   ═══════════════════════════════════════════════════════════════════ */

/* ── faces ───────────────────────────────────────────────────────── */

@font-face{
  font-family:"Archivo";
  src:url("../fonts/archivo-var.woff2") format("woff2-variations");
  font-weight:100 900;
  font-stretch:62% 125%;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Instrument Sans";
  src:url("../fonts/instrument-sans-var.woff2") format("woff2-variations");
  font-weight:400 700;
  font-stretch:75% 100%;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"JetBrains Mono";
  src:url("../fonts/jetbrains-mono-var.woff2") format("woff2-variations");
  font-weight:400 700;
  font-style:normal;
  font-display:swap;
}

:root{

  /* ── cor ───────────────────────────────────────────────────────── */
  /* o campo é preto e a letra é branca (briefing do CTO). O preto não é
     "quase preto de dashboard": é #000, e essa é a decisão. */
  --breu:         #000000;
  --breu-2:       #0C0C0F;   /* superfície elevada sobre o campo */
  --breu-3:       #1A1A20;   /* borda e hover sobre o campo */

  /* estados do débito — o único acento, e ele nunca decora.
     Preto e branco puros não conseguem dizer "devendo" nem "quitado";
     é para isso, e só para isso, que existe cor nesta identidade. */
  --lima:         #D8FF3E;   /* quitado, melhor oferta, CTA primário */
  --lima-alto:    #E6FF75;
  --coral:        #FF4438;   /* débito, vencido, urgência */

  /* neutros — a escala de cinza é neutra de verdade, sem viés de matiz,
     porque qualquer temperatura aqui brigaria com o preto puro */
  --tinta:        #0C0C0F;
  --tinta-2:      #141419;
  --tinta-3:      #26262E;
  --papel:        #FFFFFF;
  --papel-2:      #F2F2F4;
  --papel-3:      #DEDEE3;

  /* texto */
  --txt-escuro:   #0C0C0F;
  --txt-escuro-2: #62626E;
  --txt-claro:    #FFFFFF;
  --txt-claro-2:  #9A9AA6;

  /* ── tipo ──────────────────────────────────────────────────────── */
  --f-display: "Archivo", "Arial Black", system-ui, sans-serif;
  --f-texto:   "Instrument Sans", "Segoe UI", system-ui, sans-serif;
  --f-dado:    "JetBrains Mono", Consolas, ui-monospace, monospace;

  /* escala — clamp em toda parte, para não trocar de linha ao girar tablet */
  --t-heroi:   clamp(2.7rem, 6vw, 6rem);
  --t-secao:   clamp(1.9rem, 3.5vw, 3.3rem);
  --t-titulo:  clamp(1.5rem, 2.4vw, 2.1rem);
  --t-valor:   clamp(1.75rem, 3vw, 2.75rem);
  --t-corpo-g: 1.1875rem;
  --t-corpo:   1.0625rem;
  --t-peq:     0.875rem;
  --t-micro:   0.75rem;

  /* ── espaço ────────────────────────────────────────────────────── */
  --e-1: 0.25rem;  --e-2: 0.5rem;   --e-3: 0.75rem;  --e-4: 1rem;
  --e-5: 1.5rem;   --e-6: 2rem;     --e-7: 3rem;     --e-8: 4rem;
  --e-9: 6rem;     --e-10: 8rem;

  --calha: clamp(1.25rem, 5vw, 4.5rem);
  --max:   1280px;

  /* ── forma ─────────────────────────────────────────────────────── */
  --r-pill:  999px;
  --r-card:  20px;
  --r-tela:  28px;
  --r-mini:  10px;

  /* ── elevação — só onde há flutuação real ──────────────────────── */
  --sombra-tela: 0 48px 100px -32px rgba(3,7,32,.55), 0 4px 14px rgba(3,7,32,.16);
  --sombra-card: 0 12px 32px -12px rgba(3,7,32,.22);

  /* ── tempo ─────────────────────────────────────────────────────── */
  --t-rapido: 140ms;
  --t-medio:  260ms;
  --t-lento:  520ms;
  --curva:    cubic-bezier(.16,.84,.44,1);
}