:root {
   /* =========================
       CORES PRINCIPAIS
       ========================= */

   --color-primary: #0F2D3A;
   /* Azul petróleo escuro */
   --color-primary-light: #1E4A5A;
   /* Azul petróleo médio */
   --color-secondary: #1F6B67;
   /* Verde petróleo */

   /* =========================
       BOTÕES E CTAs
       ========================= */

   --color-cta: #F0A90E;
   /* Laranja principal */
   --color-cta-hover: #FB923C;
   /* Hover do botão */
   --color-cta-text: #FFFFFF;
   /* Texto do botão */

   /* =========================
       BENEFÍCIOS E CHECKLISTS
       ========================= */

   --color-success: #16A34A;
   /* Verde benefícios */

   /* =========================
       FUNDOS
       ========================= */

   --color-background: #FFFFFF;
   /* Fundo principal */
   --color-background-soft: #F8FAFC;
   /* Fundo alternado */
   --color-background-dark: #0F2D3A;
   /* Fundo escuro */
   --color-pratica-bg: #FCF8F5;
   /* Fundo off-white da faixa prática (Dobra 5) */

   /* =========================
       TEXTOS
       ========================= */

   --color-text: #111827;
   /* Texto principal */
   --color-text-secondary: #374151;
   /* Texto secundário */
   --color-text-light: #E5E7EB;
   /* Texto em fundo escuro */
   --color-white: #FFFFFF;

   /* =========================
       BORDAS E DIVISORES
       ========================= */

   --color-border: #D1D5DB;
   --color-divider: #E5E7EB;

   /* =========================
       DESTAQUES ESPECÍFICOS
       ========================= */

   --color-core: #7C3AED;
   /* Roxo para módulo Core */
}