/*
  Variáveis globais do projeto — identidade visual Disktrans.
  Centralize aqui cores, espaçamentos e tipografia — nunca espalhe
  valores fixos pelos outros arquivos CSS.
*/

:root {
  /* ── Cores da marca ──────────────────────────── */
  --cor-primaria: #004C96;          /* azul principal — header, títulos */
  --cor-destaque: #F4941D;          /* laranja — CTA, destaques */
  --cor-naval: #022064;             /* azul escuro — fundo da página */
  --cor-interativa: #0A7AC9;        /* links, hover, itens clicáveis */
  --cor-carvao: #2C303E;            /* textos fortes */
  --cor-fundo: #F5F6F8;             /* fundo neutro de campos e tabelas */
  --cor-texto-secundario: #64748B;  /* labels, metadados */

  /* ── Cores de apoio da interface ─────────────── */
  --cor-branco: #FFFFFF;
  --cor-texto: #0A1628;
  --cor-borda: #E2E8F0;
  --cor-selecionado: #EEF4FF;
  --cor-texto-sobre-escuro: rgba(255, 255, 255, 0.88);
  --cor-texto-sobre-escuro-suave: rgba(255, 255, 255, 0.6);

  /* ── Cores semânticas de adoção do portal ────── */
  /* 0% → vermelho · <30% → âmbar · <70% → azul · ≥70% → verde */
  --cor-adocao-zero: #C0392B;
  --cor-adocao-zero-fundo: #FDEDED;
  --cor-adocao-baixa: #BA7517;
  --cor-adocao-baixa-fundo: #FFF4E0;
  --cor-adocao-media: #185FA5;
  --cor-adocao-media-fundo: #E8F4FF;
  --cor-adocao-alta: #1D9E75;
  --cor-adocao-alta-fundo: #E1F5EE;
  --cor-locados: #7C3AED;

  /* ── Tipografia ─────────────────────────────── */
  --fonte-titulo: 'Barlow', Arial, sans-serif;
  --fonte-corpo: 'Inter', Arial, 'Segoe UI', sans-serif;
  --fonte-mono: ui-monospace, Consolas, monospace;

  /* ── Espaçamentos ────────────────────────────── */
  --espaco-xs: 0.25rem;
  --espaco-sm: 0.5rem;
  --espaco-md: 1rem;
  --espaco-lg: 1.5rem;
  --espaco-xl: 2rem;

  /* ── Bordas e sombras ────────────────────────── */
  --raio-borda: 0.625rem;
  --raio-borda-pequeno: 0.375rem;
  --sombra-cartao: 0 4px 18px rgba(0, 0, 0, 0.22);
}