/* ============================================================
   SOALHE CONTABILIDADE — Design Tokens
   Versão 1.0 — Maio/2026
   Cole no :root do seu CSS ou importe este arquivo.
   ============================================================ */

:root {
  /* ── Cores da marca ── */
  --gold:         #C9A227;  /* dourado primário — CTAs, logo, destaques */
  --gold-dark:    #8B6914;  /* hover, números, títulos de card */
  --gold-light:   #F5E9C0;  /* bordas suaves, separadores */
  --gold-xlight:  #FBF5E0;  /* fundos de destaque sutis, card-header */

  --ink:          #111111;  /* texto principal, fundo tabs */
  --ink-mid:      #1F1F1F;  /* fundo do header */

  /* ── Neutros ── */
  --bg:           #f0f0f2;  /* fundo principal da página */
  --white:        #ffffff;
  --gray-100:     #f0f0f2;
  --gray-200:     #e5e7eb;
  --gray-300:     #d1d5db;
  --gray-400:     #9ca3af;
  --gray-500:     #6b7280;
  --gray-700:     #374151;
  --gray-800:     #1f2937;

  /* ── Estados ── */
  --success:      #059669;
  --success-bg:   #d1fae5;
  --danger:       #dc2626;
  --danger-bg:    #fee2e2;
  --info:         #1d4ed8;
  --info-bg:      #dbeafe;
  --warn:         #d97706;
  --warn-bg:      #fef3c7;

  /* ── Forma e profundidade ── */
  --radius:       10px;
  --radius-sm:    8px;
  --shadow:       0 1px 4px rgba(0,0,0,.1);
  --shadow-md:    0 4px 12px rgba(0,0,0,.12);

  /* ── Foco dourado (acessibilidade) ── */
  --focus-ring:   0 0 0 3px rgba(201,162,39,.15);

  /* ── Tipografia ── */
  --font-family:  'Inter', system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif;
}

/* Reset mínimo + base */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: var(--font-family);
  background: var(--bg);
  color: var(--gray-800);
  min-height: 100vh;
  line-height: 1.5;
}

/* Container padrão Soalhe */
.soalhe-container { max-width: 860px; margin: 0 auto; padding: 0 16px; }