:root {
  --color-verde-profundo: #14241C;   /* header, sidebar, rodapé */
  --color-verde-vivo: #22C55E;       /* botão primário, links ativos, indicadores positivos */
  --color-ink: #0A0A0A;              /* texto principal */
  --color-mid-gray: #737373;         /* texto secundário, placeholder */
  --color-canvas: #F5F5F5;           /* fundo de página */
  --color-paper: #FFFFFF;            /* cards, inputs */
  --color-hairline: #E5E5E5;         /* bordas */
  --color-danger: #E7000B;           /* erro, exclusão, saldo em atraso */

  --radius-control: 0px;              /* botões, inputs, badges -- experimento: 0px (padrão era 8px) */
  --radius-card: 0px;                /* cards -- experimento: 0px (padrão era 16px) */
  --tamanho-controle: 37px;           /* altura natural de .btn (padding 10px + texto 14px) -- usado como largura/altura padrão de botões quadrados só-ícone */

  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;

  /* Extensões derivadas dos tokens acima -- não valores soltos novos,
     apenas variações necessárias para os componentes da fundação
     (regra: não hardcode cores soltas em componentes). */
  --color-verde-escuro-texto: #052E16;  /* texto sobre botão primário (verde vivo) */
  --color-verde-claro-texto: #4ADE80;   /* texto/ícone de item ativo sobre o fundo escuro da sidebar */
  --shadow-card: 0 1px 2px color-mix(in srgb, var(--color-ink) 4%, transparent);
  --overlay-bg: color-mix(in srgb, var(--color-ink) 50%, transparent);

  /* Botões de ação ícone-only (Estoque/Excluir/Janta/Empréstimo/Vender/
     Pagar/Editar/Ver) -- cada ação tem uma cor sólida fixa, sempre a
     mesma em qualquer tela do sistema. */
  --color-ambar: #D97706;
  --color-roxo: #7C3AED;
  --color-verde-escuro-acao: #166534;
  --color-laranja: #EA580C;
  --color-azul: #2563EB;
  --color-aqua: #0891B2;
  /* Amarelo ouro do troféu (produto escolhido para o Ranking) -- tom
     definido pelo usuário. Só colore o estado "marcado"; o não-marcado
     usa --color-mid-gray, mesma lógica do coração de favorito. */
  --color-ouro: #ffd200;
}