:root {
  /* Cores Principais da Marca */
  --color-primary: #FFD600;
  --color-primary-hover: #E6C200;
  --color-primary-light: #FFF9D6;
  --color-primary-dark: #CCA800;

  /* Cores Institucionais e Neutras */
  --color-navy: #172B4D;
  --color-navy-light: #253858;
  --color-navy-dark: #091E42;
  --color-blue-accent: #0052CC;
  
  --color-white: #FFFFFF;
  --color-bg-light: #F5F7FA;
  --color-bg-card: #FFFFFF;
  
  --color-gray-50: #FAFBFC;
  --color-gray-100: #EBECF0;
  --color-gray-200: #DFE1E6;
  --color-gray-300: #C1C7D0;
  --color-gray-400: #A5ADBA;
  --color-gray-500: #7A869A;
  --color-gray-600: #5E6C84;
  --color-gray-700: #42526E;
  --color-gray-800: #253858;
  --color-gray-900: #172B4D;

  /* Verde exclusivo para elementos de PIX e Sucesso */
  --color-pix: #00875A;
  --color-pix-hover: #006644;
  --color-pix-light: #E3FCEF;
  --color-pix-border: #ABF5D1;
  --color-pix-dark: #004D34;

  /* Cores de Feedback de Validação */
  --color-error: #DE350B;
  --color-error-light: #FFEBE6;
  --color-error-border: #FFBDAD;
  --color-warning: #FFAB00;
  --color-warning-light: #FFFAE6;
  --color-info: #0065FF;
  --color-info-light: #DEEBFF;

  /* Tipografia */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;

  /* Sombras Corporativas */
  --shadow-xs: 0 1px 2px rgba(9, 30, 66, 0.08);
  --shadow-sm: 0 2px 4px rgba(9, 30, 66, 0.08), 0 0 1px rgba(9, 30, 66, 0.12);
  --shadow-md: 0 4px 12px rgba(9, 30, 66, 0.10), 0 0 1px rgba(9, 30, 66, 0.14);
  --shadow-lg: 0 8px 24px rgba(9, 30, 66, 0.12), 0 2px 6px rgba(9, 30, 66, 0.08);
  --shadow-xl: 0 16px 40px rgba(9, 30, 66, 0.16), 0 4px 12px rgba(9, 30, 66, 0.08);
  --shadow-inner: inset 0 2px 4px rgba(9, 30, 66, 0.06);

  /* Bordas e Raios */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Transições */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout */
  --container-max-width: 1200px;
  --header-height: 76px;
}