/*
 * tokens.css
 * Variáveis de identidade visual do Portal FreteApp.
 * Valores extraídos de public_html/index.php (site institucional) para
 * manter o portal reconhecível como a mesma marca.
 *
 * Cor de acento por perfil (Cliente #00838F / Motorista #2E7D32 / Admin
 * #1565C0) NÃO fica aqui — cada perfil define a própria em
 * cliente.css / motorista.css / admin.css (checkpoints futuros).
 */

:root {
  /* ---------- cores base (iguais ao index.php) ---------- */
  --bg: #14181C;
  --bg-2: #1A1F25;
  --card: #20262D;
  --line: #2E3640;

  --yellow: #F4B400;
  --yellow-dim: #C99000;
  --green: #2E9C6F;

  --off-white: #F2F1EC;
  --grey: #8B95A1;
  --grey-dim: #5C6671;

  /* ---------- tipografia (iguais ao index.php) ---------- */
  --font-display: 'Barlow Condensed', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* ---------- espaçamento / forma (uso genérico no portal) ---------- */
  --radius: 3px;
  --radius-lg: 6px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
}