/* ============================================================
   Condoria - Design tokens
   Fonte única de cores, raios, sombras e camadas. Carregar ANTES de
   components.css. O tailwind-config.js expõe estes tokens como classes
   do Tailwind (bg-brand, text-muted, border-line, z-modal...).

   Dois temas:
   - padrão (app interno): neutro cinza + marca vermelha
   - [data-theme="paper"] (páginas públicas/documentos): bege quente
   ============================================================ */

:root {
  /* Marca */
  --brand: #ef4444;                 /* red-500 */
  --brand-strong: #dc2626;          /* red-600 */
  --brand-to: #e11d48;              /* rose-600 (fim do gradiente) */
  --brand-to-strong: #be123c;       /* rose-700 */
  --brand-soft: #fef2f2;            /* red-50 */
  --brand-ring: rgba(239, 68, 68, 0.2);
  --brand-focus: #f87171;           /* red-400 (borda de input focado) */

  /* Superfícies */
  --surface: #ffffff;
  --surface-muted: #f9fafb;         /* gray-50 */
  --surface-sunken: #f3f4f6;        /* gray-100 */

  /* Bordas */
  --line: #e5e7eb;                  /* gray-200 */
  --line-strong: #d1d5db;           /* gray-300 */

  /* Texto */
  --ink: #111827;                   /* gray-900 */
  --ink-2: #374151;                 /* gray-700 */
  --muted: #6b7280;                 /* gray-500 */
  --subtle: #9ca3af;                /* gray-400 */

  /* Estados (sucesso = emerald, nunca green) */
  --success: #059669;  --success-strong: #047857;  --success-soft: #ecfdf5;
  --danger:  #dc2626;  --danger-strong:  #b91c1c;  --danger-soft:  #fef2f2;
  --warning: #d97706;  --warning-strong: #b45309;  --warning-soft: #fffbeb;
  --info:    #2563eb;  --info-strong:    #1d4ed8;  --info-soft:    #eff6ff;

  /* Raios: lg = input/botão pequeno, xl = botão/card, 2xl = modal/card destaque */
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-pill: 9999px;

  /* Sombras */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 8px 25px -5px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, 0.25);

  /* Overlay de modal */
  --overlay: rgba(17, 24, 39, 0.5);

  /* Camadas (z-index) */
  --z-dropdown: 40;
  --z-modal: 50;
  --z-modal-nested: 60;
  --z-lightbox: 70;
  --z-toast: 100;

  /* Tipografia */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Inter', system-ui, -apple-system, sans-serif;

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ---------- Tema "paper" (ocorrência, assinatura, documentos, LP) ---------- */
[data-theme="paper"] {
  --brand: #3d3a36;
  --brand-strong: #26241f;
  --brand-to: #26241f;
  --brand-to-strong: #1a1815;
  --brand-soft: #efeae0;
  --brand-ring: rgba(61, 58, 54, 0.1);
  --brand-focus: #3d3a36;

  --surface: #ffffff;
  --surface-muted: #faf6f0;
  --surface-sunken: #efeae0;

  --line: #eadfd2;
  --line-strong: #c9c1b4;

  --ink: #171717;
  --ink-2: #3d3a36;
  --muted: #6b6258;
  --subtle: #b5aca0;

  --overlay: rgba(0, 0, 0, 0.6);

  --font-display: 'Fraunces', Georgia, serif;
}