:root {

  /* =====================================================
     VARIÁVEIS LEGADAS (mantidas para compatibilidade)
     ===================================================== */
  --abbey:              #4c5358;
  --black:              #000000;
  --blue:               #0000f9;   /* Azul histórico da marca */
  --blue-gray:          #000095;
  --casper:             #a2bfd4;
  --cultured-pearl:     #f5f5f5;
  --cyan--aqua:         #00eaf9;
  --dark-blue:          #0000c4;
  --dark-blue-2:        #0202b7;
  --dark-blue-3:        #000075;
  --deep-space-sparkle: #465d62;
  --dove-gray:          #6a6a6a;
  --martinique:         #322a4a;   /* Roxo escuro — header/footer */
  --masala:             #3b3b3b;
  --mischka:            #ced4da;
  --navy-blue:          #00008d;
  --oslo-gray:          #898c8f;
  --sky-blue:           #72d4ff;
  --tropical-blue:      #c8e0f2;
  --white:              #ffffff;
  --white-2:            #ffffff80;
  --white-3:            #ffffff4c;
  --wild-sand:          #f2f4f4;   /* Fundo da página */

  /* =====================================================
     TIPOGRAFIA
     ===================================================== */
  --font-size-l:     14px;
  --font-size-m:     13px;
  --font-size-xl:    15px;
  --font-size-xxl:   16px;
  --font-size-xxxl:  17px;
  --font-size-xxxxl: 18px;
  --font-size-xxxxxl: 22px;

  --font-family-inter:       "Inter", Helvetica;
  --font-family-inter-black: "Inter-Black", Helvetica;
  --font-family-inter-light: "Inter-Light", Helvetica;


  /* =====================================================
     TEMA DO SITE — ALTERE AQUI PARA MUDAR AS CORES
     Troque apenas os valores (#hex) — o resto se aplica
     automaticamente em todo o site.
     ===================================================== */

  /* --- Cor primária (azul principal: botões, links, nav, destaques) --- */
  --color-primary:          #1447e6;
  --color-primary-hover:    #0d35b8;   /* Hover e estados focados */
  --color-primary-dark:     #0041a3;   /* Versão mais escura */
  --color-primary-bg:       #eff6ff;   /* Fundo azul muito claro */
  --color-primary-bg-soft:  #dbeafe;   /* Fundo azul suave */

  /* --- Cor secundária (roxo escuro: nav mobile, seções alternadas) --- */
  --color-secondary:        #322a4a;

  /* --- Status --- */
  --color-success:          #16a34a;
  --color-success-dark:     #15803d;
  --color-success-bg:       #dcfce7;

  --color-danger:           #dc2626;
  --color-danger-dark:      #b91c1c;
  --color-danger-bg:        #fef2f2;

  --color-warning:          #ca8a04;
  --color-warning-dark:     #b45309;
  --color-warning-light:    #ffc136;
  --color-warning-bg:       #fef9c3;

  --color-info:             #0891b2;
  --color-info-bg:          #e0f2ff;

  --color-orange:           #ec6608;
  --color-orange-light:     #f3a961;

  --color-violet:           #7c3aed;
  --color-salmon:           #e37364;

  /* --- Hierarquia de texto --- */
  --color-text-heading:     #111827;   /* Títulos principais */
  --color-text-body:        #374151;   /* Corpo de texto */
  --color-text-muted:       #6b7280;   /* Texto secundário, labels */
  --color-text-subtle:      #94a3b8;   /* Placeholders, metadados */
  --color-text-dark:        #303234;   /* Texto escuro alternativo */

  /* --- Fundos --- */
  --color-bg-page:          #f2f4f4;   /* Fundo da página inteira */
  --color-bg-card:          #ffffff;   /* Cards, painéis, modais */
  --color-bg-subtle:        #f8fafc;   /* Linhas alternadas, aside */
  --color-bg-muted:         #f3f4f6;   /* Inputs disabled, tags, badges */
  --color-bg-hover:         #efefef;   /* Hover de linhas e itens */

  /* --- Bordas --- */
  --color-border:           #e5e7eb;   /* Borda padrão */
  --color-border-soft:      #e2e8f0;   /* Borda mais suave */
  --color-border-light:     #f0f0f0;   /* Separadores muito leves */
  --color-border-input:     #d1d5db;   /* Inputs e selects */
  --color-border-muted:     #e0e0e0;   /* Borda intermediária */

  /* --- Alto contraste (não alterar ao trocar tema) --- */
  --color-hc-yellow:        #ffff00;
}