:root {
  /* Paleta de cores */
  --theme-brand-900: #023059;
  --theme-brand-700: #124b8d;
  --theme-brand-600: #034b8c;
  --theme-accent-500: #ffb55c;
  --theme-accent-100: #ffe8cd;
  --theme-surface-0: #ffffff;
  --theme-surface-50: #f1f5f9;
  --theme-surface-100: #e2eeff;
  --theme-border-200: #ccd6e0;
  --theme-border-300: #d2d2d2;
  --theme-success-500: #28a745;
  --theme-info-500: #007bff;
  --theme-progress-500: #234dc2;

  /* Marca */
  --nav-background: var(--theme-brand-900);
  --primary-color: var(--theme-brand-700);
  --primary2-color: var(--theme-brand-600);
  --secondary-color: var(--theme-accent-500);
  --color-destaque: #1a73e8;

  /* Superficies */
  --background-color: var(--theme-surface-50);
  --background-color-modal: var(--theme-surface-0);
  --card-bg: var(--theme-surface-0);
  --card-bg-vcto: var(--theme-surface-0);
  --bg-card-dividas: var(--theme-surface-100);
  --bg-card-parcelas: #f9fafb;

  /* Bordas */
  --card-border-color: var(--theme-border-200);
  --card-border-color-vcto: #ccc;
  --border-card-parcelas: #e0e0e0;
  --input-border: #ccc;

  /* Textos */
  --modal-body-text-color: #090909cc;
  --text-light: #eee;
  --text: var(--theme-brand-600);
  --text-dark: var(--theme-brand-900);
  --text-info-acordo: #333;
  --text-success: var(--theme-success-500);
  --text-primary: var(--theme-info-500);
  --text-header: var(--theme-brand-900);
  --text-filtro-selecionado: #212529;

  /* Cabecalho e navegacao */
  --header-bg: #0b3a63;
  --menu-link-active: #fff;
  --menu-link-active-weight: 400;
  --menu-link-weight: 200;
  --nav-border-selected: var(--secondary-color);
  --nav-padding-bottom: 5px;
  --institutional-nav-background: #124b8d;

  /* Logo */
  --logo-width: 120px;
  --logo-height: auto;

  /* Botoes */
  --button-bg: var(--primary-color);
  --button-bg-hover: var(--nav-background);
  --button-text: #fff;
  --button-border-radius: 8px;

  --button-outline-bg: transparent;
  --button-outline-border: var(--button-bg);
  --button-outline-text: var(--button-bg);
  --button-outline-hover-bg: var(--background-color);
  --button-outline-hover-border: var(--button-bg);
  --button-outline-hover-text: var(--button-bg);

  --button-warning-bg: var(--secondary-color);
  --button-warning-border: var(--secondary-color);
  --button-warning-text: var(--theme-brand-900);
  --button-warning-hover-bg: #e39d4f;
  --button-warning-hover-border: #e39d4f;
  --button-warning-hover-text: var(--theme-brand-900);
  --button-warning-active-bg: #cf8c46;
  --button-warning-active-border: #cf8c46;
  --button-warning-disabled-bg: var(--secondary-color);
  --button-warning-disabled-border: var(--secondary-color);
  --button-warning-disabled-text: var(--theme-brand-900);

  /* Formato dos componentes */
  --card-border-radius: 12px;

  /* Rodape */
  --footer-display: block;
  --mt-footer-mobile: 0px;

  /* Controles de selecao */
  --check-color: var(--primary2-color);
  --check-color-20-percent-opacity: color-mix(in srgb, var(--primary2-color) 20%, transparent);
  --check-color-10-percent-opacity: color-mix(in srgb, var(--primary2-color) 10%, transparent);
  --radio-color: var(--primary2-color);

  /* Cards e destaques */
  --bg-header: var(--secondary-color);
  --flag-bg: var(--secondary-color);
  --flag-text: var(--primary-color);

  /* Progresso */
  --progress-bg: var(--theme-progress-500);
  --progress-bg-inativo: var(--theme-border-300);
  --bg-progress-pgto: #e9ecef;

  /* Negociacao */
  --bg-vencimento: #0d3f66;
  --bg-slide: #dcdcdc;

  /* Filtros de acordos */
  --bg-filtro-nao-selecionado: #f1f1f1;
  --bg-filtro-selecionado: var(--primary-color);
  --bg-filtro-em-andamento: #ffe58f;
  --bg-filtro-pagos: #d4f5e9;
  --bg-filtro-cancelado: #ffc9c9;

  /* Ilustracao de estado vazio */
  --ilustracao-primary: #6c63ff;
  --ilustracao-bg-light: #f2f2f2;
  --ilustracao-bg-card: #e6e6e6;
  --ilustracao-stroke: #3f3d56;

  /* Home institucional */
  --home-hero-background: linear-gradient(to bottom, var(--primary-color), var(--theme-info-500));
  --home-hero-background-color: var(--primary-color);
  --home-title-primary-color: var(--theme-accent-100);
  --home-title-secondary-color: var(--theme-accent-500);
  --home-description-color: #fff;
  --sobre-background-gradient-start: var(--theme-accent-500);
  --sobre-background-gradient-end: var(--theme-accent-100);
  --input-home-bg: #115fa5;
  --input-home-bg-focus: #115fa5;
  --input-color: #fff;
  --input-color-placeholder: #6A92C2;
  --input-radius: 8px;
  --quem-somos-bg-img: var(--theme-accent-100);
  --svg-color: #D77804;
  --bg-footer: var(--theme-brand-900);
}