/* css/variables.css - Variáveis Globais de Cores, Tipografia e Espaçamentos (FinLux Pro) */
:root {
  /* Cores Principais - Brand & Surface */
  --color-primary: #0b1c30;
  --color-on-primary: #ffffff;
  --color-primary-container: #131b2e;
  --color-on-primary-container: #7c839b;
  --color-primary-fixed: #dae2fd;

  /* Acentos Verdes (Sucesso / Receita / Pro Finance) */
  --color-secondary: #006c49;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #6cf8bb;
  --color-secondary-fixed: #6ffbbe;
  --color-secondary-fixed-dim: #4edea3;
  --color-on-secondary-container: #00714d;
  --color-success: #006c49;
  --color-success-dark: #005236;
  --color-on-success: #ffffff;

  /* Acentos Vermelhos (Alerta / Despesa / Estouro) */
  --color-error: #ba1a1a;
  --color-error-container: #ffdad6;
  --color-on-error: #ffffff;
  --color-on-error-container: #93000a;

  /* Superfícies e Fundo Suave */
  --color-background: #f8f9ff;
  --color-surface: #ffffff;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #eff4ff;
  --color-surface-container: #e5eeff;
  --color-surface-container-high: #dce9ff;
  --color-surface-container-highest: #d3e4fe;
  
  --color-on-surface: #0b1c30;
  --color-on-surface-variant: #45464d;
  --color-outline: #76777d;
  --color-outline-variant: #c6c6cd;

  /* Tipografia */
  --font-family-sans: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-family-mono: 'JetBrains Mono', monospace;

  /* Raios de Borda */
  --radius-sm: 0.25rem;   /* 4px */
  --radius-md: 0.5rem;    /* 8px */
  --radius-lg: 0.75rem;   /* 12px */
  --radius-xl: 1rem;      /* 16px - Padrão de Cards e Containers */
  --radius-full: 9999px;

  /* Espaçamentos */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --container-max-width: 1360px;

  /* Sombras FinLux */
  --shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 16px rgba(11, 28, 48, 0.05);
  --shadow-lg: 0 10px 25px rgba(11, 28, 48, 0.08);
}