/* RN DOCS: ÚNICO arquivo com valor de cor. Template e demais CSS usam var(--...).
   Identidade RN (monocromática) + tokens de status. Claro em :root, escuro em [data-tema="escuro"]. */

:root {
  /* Marca */
  --cor-primaria: #282829;
  --cor-primaria-escura: #1F1F20;
  --cor-primaria-hover: #141414;
  --cor-primaria-suave: #F2F2F3;
  --cor-primaria-soft: var(--cor-primaria-suave);
  --cor-primaria-sombra: rgba(40, 40, 41, .18);
  --texto-sobre-cor-primaria: #FFFFFF;

  /* Status (cor só onde informa) */
  --status-recebido: #315C73;
  --status-sem-mov: #2F766D;
  --status-pendente: #A15C00;
  --verde: #2E7D32;
  --vermelho: #B3261E;
  --vermelho-suave: #FBEAE9;
  --ambar-suave: #FFF3E0;
  --verde-suave: #E8F3E9;
  --fundo-modal: rgba(20, 20, 22, .55);
  /* Faixa de seleção em lote: escura de propósito, para não se confundir com a cor da marca */
  --faixa-escura: #1E293B;
  --faixa-texto: #FFFFFF;
  --faixa-sombra: rgba(0, 0, 0, .20);

  /* Superfícies e texto */
  --branco: #FFFFFF;
  --fundo: #F6F6F7;
  --fundo-hover: #EDEDEF;
  --borda: #E3E3E6;
  --texto: #1F1F20;
  --texto-suave: #3A3A3D;
  --texto-secundario: #55555A;
  --texto-fraco: #76767C;
  --foco: #282829;

  /* Tipografia */
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;
  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 15px;
  --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 26px;

  /* Espaços */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

  /* Raios e sombras */
  --raio-xs: 4px;
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 18px;
  --raio-full: 9999px;
  --sombra-sm: 0 1px 2px rgba(20, 20, 22, .06), 0 1px 3px rgba(20, 20, 22, .05);
  --sombra: 0 4px 12px rgba(20, 20, 22, .08);
  --sombra-md: 0 8px 24px rgba(20, 20, 22, .10);
  --sombra-lg: 0 16px 40px rgba(20, 20, 22, .14);

  --transicao: .18s ease;
  --sidebar-width: 248px;
  --topbar-h: 58px;
  color-scheme: light;
}

[data-tema="escuro"] {
  /* No escuro #282829 tem contraste 1,43 sobre o fundo: os papéis invertem (LASTRO, DIA 3). */
  --cor-primaria: #F2F2F3;
  --cor-primaria-escura: #D4D4D6;
  --cor-primaria-hover: #FFFFFF;
  --cor-primaria-suave: #3C3C3E;
  --cor-primaria-sombra: rgba(0, 0, 0, .35);
  --texto-sobre-cor-primaria: #282829;

  --branco: #1F1F20;
  --fundo: #161617;
  --fundo-hover: #2A2A2C;
  --borda: #333336;
  --texto: #F2F2F3;
  --texto-suave: #DADADC;
  --texto-secundario: #B4B4B8;
  --texto-fraco: #8E8E94;
  --foco: #F2F2F3;
  --vermelho-suave: #3A1F1E;
  --ambar-suave: #3A2C17;
  --verde-suave: #1E3320;
  --fundo-modal: rgba(0, 0, 0, .65);
  --faixa-escura: #0B1220;
  --faixa-texto: #F2F2F3;
  --faixa-sombra: rgba(0, 0, 0, .55);

  --sombra-sm: 0 1px 2px rgba(0, 0, 0, .40);
  --sombra: 0 4px 12px rgba(0, 0, 0, .45);
  --sombra-md: 0 8px 24px rgba(0, 0, 0, .50);
  --sombra-lg: 0 16px 40px rgba(0, 0, 0, .55);
  color-scheme: dark;
}