/* ============================================================
   M85 — Design tokens (fonte da verdade: Manual de Identidade M85)
   Poppins (marca/títulos) · Manrope (texto) · Space Mono (dados/labels)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

:root {
  /* ---- Paleta base ---- */
  --m85-red:        #D11A20; /* Vermelho M85 — assinatura (≈ Pantone 485 C) */
  --m85-red-deep:   #A8181C; /* Vermelho Profundo — hover / profundidade   */
  --m85-red-bright: #E0282E; /* Vermelho sobre fundo escuro                 */
  --m85-ink:        #15110F; /* Preto M85 — preto quente                    */
  --m85-paper:      #F4F1EC; /* Papel — off-white                           */
  --m85-grey:       #8C857C; /* Cinza Névoa — neutro                        */
  --m85-white:      #FFFFFF;

  /* ---- Aliases semânticos ---- */
  --color-brand:      var(--m85-red);
  --color-brand-deep: var(--m85-red-deep);
  --color-ink:        var(--m85-ink);

  --surface-page: var(--m85-paper);
  --surface-card: var(--m85-white);
  --surface-dark: var(--m85-ink);

  --text-body:     var(--m85-ink);
  --m85-grey-deep: #665E56; /* Cinza Névoa escurecido p/ texto corrido sobre papel (AA ~5.6:1) */
  --text-muted:    var(--m85-grey-deep); /* corpo em fundo claro; use --m85-grey em fundo escuro */
  --text-on-dark:  var(--m85-paper);
  --text-on-brand: var(--m85-paper);

  --border-hairline:      rgba(21, 17, 15, 0.12);
  --border-hairline-dark: rgba(236, 230, 220, 0.12);

  /* Proporção de uso: 60 neutro / 30 preto / 10 vermelho */

  /* ---- Tipografia ---- */
  --font-display: 'Poppins', system-ui, sans-serif;
  --font-body:    'Manrope', system-ui, sans-serif;
  --font-mono:    'Space Mono', ui-monospace, monospace;

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-black:    800;

  --leading-tight: 1.02;
  --leading-snug:  1.3;
  --leading-body:  1.6;

  --tracking-display: -0.02em; /* títulos Poppins grandes  */
  --tracking-body:    0;
  --tracking-mono:    0.20em;   /* labels mono CAIXA ALTA   */

  /* ---- Espaçamento ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* ---- Raio / elevação ---- */
  --radius-sm:   3px;
  --radius-md:   6px;
  --radius-lg:   10px;
  --radius-pill: 999px;

  --shadow-card:   0 1px 3px rgba(21, 17, 15, 0.10);
  --shadow-raised: 0 8px 28px rgba(21, 17, 15, 0.18);

  /* ---- Movimento (sóbrio e funcional — sem bounce) ---- */
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-expo:  cubic-bezier(0.16, 1, 0.3, 1);
  --dur-press: 120ms;  /* feedback instantâneo  */
  --dur-state: 240ms;  /* hover, foco, toggle   */
  --dur-enter: 560ms;  /* entradas              */
  --stagger:    70ms;  /* passo do stagger de listas */
}