/* =====================================================
   ZDVAL — Tokens canônicos (SP1 design refactor)
   Fonte: extraídos do que /login e /lineups já usam.
   NÃO inventa cor nova. Ver spec 2026-08-03-01-design-refactor.
   Sem seletor de página — só :root.
   ===================================================== */

:root {
  /* Superfícies claras (chrome, conteúdo, dados) */
  --zd-bg-lavender: linear-gradient(180deg, #e5e8fb 0%, #dfe2f9 55%, #d8dcf6 100%);
  --zd-bg-page:     #f3f4f8;
  --zd-surface:     #ffffff;
  --zd-surface-sub: #f9fafb;
  --zd-line:        rgba(0, 0, 0, 0.08);
  --zd-line-strong: rgba(0, 0, 0, 0.12);

  /* Superfícies escuras (mesa de mapa) */
  --zd-canvas:      #0d3b3b;
  --zd-canvas-grad: linear-gradient(160deg, #275146 0%, #0f1923 50%, #11434e 100%);
  --zd-canvas-line: rgba(255, 255, 255, 0.08);

  /* Acento */
  --zd-accent:      #6366f1;
  --zd-accent-deep: #4f46e5;
  --zd-accent-grad: linear-gradient(135deg, #6366f1, #4f46e5);
  --zd-accent-soft: rgba(99, 102, 241, 0.06);
  --zd-accent-ring: 0 0 0 4px rgba(99, 102, 241, 0.15);
  --zd-accent-lift: 0 18px 36px rgba(99, 102, 241, 0.30);

  /* Vermelho Valorant — apenas destrutivo/derrota, nunca mais como acento */
  --zd-danger:      #ff4655;
  --zd-positive:    #16a34a;

  /* Texto sobre claro */
  --zd-ink:         #000000;
  --zd-ink-2:       rgba(0, 0, 0, 0.65);
  --zd-ink-3:       rgba(0, 0, 0, 0.58); /* era 0.45 — falhava AA (3.33:1) sobre --zd-surface-sub; 0.58 = 4.71:1 */
  /* Texto sobre escuro */
  --zd-ink-inv:     #ffffff;
  --zd-ink-inv-2:   rgba(255, 255, 255, 0.70);

  /* Raio — escada fechada, sem valores fora dela */
  --zd-r-sm: 10px;  --zd-r-md: 14px;  --zd-r-lg: 20px;  --zd-r-xl: 28px;

  /* Elevação */
  --zd-sh-card:  0 20px 50px rgba(15, 15, 30, 0.08);
  --zd-sh-modal: 0 42px 120px rgba(15, 15, 30, 0.20);

  /* Alvos de toque */
  --zd-tap:      44px;   /* mínimo */
  --zd-field:    56px;   /* input, igual ao /login */

  /* Escada tipográfica — Inter para tudo. 12/13/14/16/20/26/34. Nada < 12px. */
  --zd-fs-xs:  12px;
  --zd-fs-sm:  13px;
  --zd-fs-md:  14px;
  --zd-fs-lg:  16px;
  --zd-fs-xl:  20px;
  --zd-fs-2xl: 26px;
  --zd-fs-3xl: 34px;
  --zd-font:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}