/* ===== tokens.css — design tokens (padrão KYZEN: cockpit, não planilha) ===== */
:root {
  color-scheme: dark;

  /* superfícies */
  --bg:        #0a0a0b;   /* preto de fundo */
  --surface:   #121214;   /* cards */
  --surface-2: #18181b;   /* cards aninhados, inputs */
  --line:      #232327;   /* bordas hairline (1px, baixo contraste) */

  /* texto */
  --text:   #f4f4f5;      /* texto principal */
  --muted:  #71717a;      /* labels e secundário */
  --faint:  #3f3f46;      /* divisórias fracas, placeholders */

  /* semântica */
  --pos:   #34d399;       /* positivo / entrada / livre / lucro */
  --neg:   #f04438;       /* negativo / saída / a pagar */
  --amber: #c6cad3;       /* prata — gasto / atenção / comprometido (antes âmbar) */
  --brand: #34d399;       /* acento da marca (ponto/glow verde) */

  /* tipografia */
  --ui:   -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;

  /* forma */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;

  /* safe areas do iPhone (Dynamic Island / home indicator) */
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  --nav-h: 64px;
}