:root {
  /* === BRAND / PRIMARY === */
  --accent-color: #11924F;
  --accent-color-dark: #0d7a42;
  --accent-color-light: rgba(17, 146, 79, 0.08);

  /* === CORES TEXTO === */
  --color-dark-blue: rgb(53, 65, 104);
  --color-deep-blue: rgb(34, 60, 97);
  --color-navy: rgb(37, 47, 74);
  --color-medium-blue: rgb(7, 20, 55);
  --color-slate: rgb(71, 85, 105);
  --color-muted: rgb(153, 161, 183);

  /* === VERDES === */
  --color-green-primary: rgb(17, 146, 79);
  --color-green-btn: rgb(46, 204, 113);
  --color-green-toggle: rgb(0, 171, 111);
  --color-green-text: rgb(44, 160, 28);
  --color-green-light: rgb(0, 171, 111);

  /* === RECEITA / DESPESA === */
  --color-receita: rgb(76, 206, 172);
  --color-despesa: rgb(219, 80, 74);
  --color-despesa-dark: rgb(184, 42, 35);

  /* === VERMELHO === */
  --color-danger: rgb(219, 80, 74);
  --color-red-border: rgb(220, 53, 69);

  /* === CINZAS === */
  --color-border: rgb(213, 220, 236);
  --color-border-light: rgb(226, 232, 240);
  --color-border-card: rgb(241, 241, 244);
  --color-bg-disabled: rgb(233, 236, 239);
  --color-bg-hover: rgb(246, 248, 250);
  --color-bg-main: rgb(246, 247, 249);
  --color-bg-white: rgb(255, 255, 255);
  --color-text-muted: rgb(168, 171, 173);
  --color-text-body: rgb(73, 80, 87);
  --color-text-secondary: rgb(91, 112, 139);
  --color-text-placeholder: rgb(128, 128, 128);
  --color-bg-page: rgb(246, 247, 249);
  --color-bg-sidebar-active: rgb(250, 250, 251);
  --color-bg-tab-inactive: rgb(227, 229, 232);

  /* === LARANJA === */
  --color-warning: rgb(212, 107, 8);
  --color-warning-bg: rgba(250, 140, 22, 0.1);
  --color-orange: rgb(253, 126, 20);

  /* === AZUIS AUXILIARES === */
  --color-blue-link: rgb(0, 123, 255);
  --color-btn-import: rgb(70, 77, 228);
  --color-purple-action: rgb(133, 123, 255);

  /* === PROGRESS === */
  --color-progress-track: rgb(233, 236, 239);
  --color-progress-receita: rgb(76, 206, 172);
  --color-progress-despesa: rgb(219, 80, 74);

  /* === TOGGLE === */
  --color-toggle-off: rgb(212, 215, 220);
  --color-toggle-handle: rgb(255, 255, 255);

  /* === TIPOGRAFIA === */
  --font-family: "Poppins", sans-serif;
  --font-size-xs:   10.24px;
  --font-size-sm:   12px;
  --font-size-sm2:  12.8px;
  --font-size-base: 13px;
  --font-size-md:   14px;
  --font-size-lg:   16px;
  --font-size-xl:   18.08px;
  --font-size-h3:   24.96px;
  --font-weight-light:    300;
  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  /* === LAYOUT === */
  --header-height: 49px;
  --trial-bar-height: 45px;
  --sidebar-width: 56px;
  --config-sidebar-width: 280px;
  --panel-lateral-width: 500px;
  --content-padding-top: 110px;

  /* === SOMBRAS === */
  --shadow-card: rgba(0,0,0,0.1) 0px 1px 3px 0px, rgba(0,0,0,0.06) 0px 1px 2px 0px;
  --shadow-card-config: rgba(0,0,0,0.03) 0px 3px 4px 0px;
  --shadow-panel: rgba(89,105,129,0.1) 0px 0px 0px 1px, rgba(89,105,129,0.3) 0px 3px 20px 0px, rgba(0,0,0,0.05) 0px 1px 2px 0px;
  --shadow-sidebar: rgba(0,0,0,0.75) 0px 1px 5px -3px;
  --shadow-context-menu: 0px 3px 10px rgba(0,0,0,0.1), 0px 1px 2px rgba(0,0,0,0.15);

  /* === BORDER RADIUS === */
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-xl: 8px;
  --radius-circle: 50%;

  /* === TABS === */
  --tabs-border-color: rgb(226, 232, 240);

  /* === Z-INDEX === */
  --z-header: 995;
  --z-trial-bar: 994;
  --z-sidebar: 993;
  --z-panel: 1005;
  --z-context-menu: 1100;
  --z-modal: 1200;
  --z-tooltip: 9999;
}