/*
 * Design tokens — Plataforma Operacional Tractom
 * Fonte única de verdade pra cores/tipografia/radius/sombras/espaçamento comuns
 * às 3 superfícies (Next.js, PHP/JS, React/Vite Diagnóstico).
 * NÃO é um framework de componentes — só variáveis brutas. Ver auditoria de 2026-09-13.
 */
:root {
  /* Cores de marca */
  --tk-brand: #ebaf47;
  --tk-brand-dark: #c98a1d;
  --tk-brand-light: #fdf6e3;
  --tk-ink: #0a0a0f;

  /* Superfícies */
  --tk-bg: #f7f7f9;
  --tk-surface: #ffffff;
  --tk-border: #e5e7eb;
  --tk-border-subtle: #d1d5db;

  /* Texto */
  --tk-text: #111827;
  --tk-text-muted: #6b7280;
  --tk-text-inverse: #ffffff;

  /* Estados */
  --tk-success-bg: #dcfce7;
  --tk-success-text: #15803d;
  --tk-warning-bg: #fef9c3;
  --tk-warning-text: #854d0e;
  --tk-danger-bg: #fef2f2;
  --tk-danger-text: #dc2626;
  --tk-info-bg: #dbeafe;
  --tk-info-text: #1d4ed8;

  /* Radius */
  --tk-radius-sm: 8px;
  --tk-radius-md: 10px;
  --tk-radius-lg: 12px;
  --tk-radius-xl: 16px;

  /* Sombra padrão de card */
  --tk-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06);
  --tk-shadow-modal: 0 24px 64px rgba(0, 0, 0, 0.25);

  /* Espaçamento (escala rem, mesma usada em todo o sistema) */
  --tk-space-1: 0.25rem;
  --tk-space-2: 0.5rem;
  --tk-space-3: 0.75rem;
  --tk-space-4: 1rem;
  --tk-space-6: 1.5rem;
  --tk-space-8: 2rem;

  /* Tipografia — mesmos arquivos self-hosted usados pelo Next.js (ver _shared/layout_top.php) */
  --tk-font-sans: Inter, "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
  --tk-font-display: Syne, "Syne Fallback", sans-serif;
}