/* ARC Financeiro - tokens de design
   Base: ARC_Financeiro_Paleta_Cores.md v1.0, com as correcoes de contraste (WCAG 2.2 AA) de 26/10/2026:
   - text-muted  #6B7785 -> #5F6B78 (4,66:1 sobre surface-muted; antes 3,91:1)
   - border-input (novo) #7D8B99 para contorno de campos (3,49:1 sobre branco; border #D2DAE3 tinha 1,41:1)
   - transferencia em cor neutra (text-primary), resolvendo as 3 definicoes conflitantes do documento
   - linha alternada e tooltip passaram a ser tokens */
:root {
  /* Marca e navegacao */
  --color-brand-900: #17365D;
  --color-brand-800: #1F497D;
  --color-brand-700: #245A8D;
  --color-brand-600: #2F75A8;
  --color-brand-100: #DCE6F1;
  --color-brand-050: #F3F7FB;

  /* Superficies e texto */
  --color-background: #F4F6F8;
  --color-surface: #FFFFFF;
  --color-surface-muted: #E9EEF3;
  --color-row-alt: #F8FAFC;
  --color-border: #D2DAE3;
  --color-border-input: #7D8B99;
  --color-text-primary: #1F2933;
  --color-text-secondary: #526170;
  --color-text-muted: #5F6B78;
  --color-text-on-brand: #FFFFFF;
  --color-tooltip: #17212B;

  /* Semantica financeira */
  --color-income: #237A4B;
  --color-income-bg: #E8F5EC;
  --color-expense: #B4232F;
  --color-expense-bg: #FCEBEC;
  --color-transfer: var(--color-text-primary);
  --color-warning: #946200;
  --color-warning-bg: #FFF4D6;
  --color-info: #245A8D;
  --color-info-bg: #EAF2F9;
  --color-success: #237A4B;
  --color-success-bg: #E8F5EC;
  --color-danger: #B4232F;
  --color-danger-bg: #FCEBEC;
  --color-disabled: #AAB4BF;
  --color-focus: #2F75A8;

  /* Layout e componentes */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-card: 0 1px 3px rgb(23 54 93 / 8%);
  --shadow-dialog: 0 12px 32px rgb(23 54 93 / 22%);
  --focus-ring: 0 0 0 3px rgb(47 117 168 / 25%);

  /* Tipografia e espaco */
  --font-sans: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.625rem;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --header-h: 56px;
  --sidebar-w: 248px;
}