:root {
    --cayman-navy: #1A2C4B;
    --cayman-blue: #347AC8;
    --cayman-red: #E33431;
    --cayman-white: #FFFFFF;
    --cayman-gray: #6C757D;
    --cayman-light-gray: #F8F9FA;
  }
  
  /* Utilitários de background */
  .bg-cayman-navy { background-color: var(--cayman-navy) !important; }
  .bg-cayman-blue { background-color: var(--cayman-blue) !important; }
  .bg-cayman-red { background-color: var(--cayman-red) !important; }
  .bg-cayman-white { background-color: var(--cayman-white) !important; }
  .bg-cayman-gray { background-color: var(--cayman-gray) !important; }
  .bg-cayman-light-gray { background-color: var(--cayman-light-gray) !important; }
  
  /* Utilitários de texto */
  .text-cayman-navy { color: var(--cayman-navy) !important; }
  .text-cayman-blue { color: var(--cayman-blue) !important; }
  .text-cayman-red { color: var(--cayman-red) !important; }
  .text-cayman-white { color: var(--cayman-white) !important; }
  .text-cayman-gray { color: var(--cayman-gray) !important; }
  .text-cayman-light-gray { color: var(--cayman-light-gray) !important; }
  
  /* Exemplo de hover */
  .hover\\:bg-cayman-red:hover { background-color: var(--cayman-red) !important; }
  .hover\\:text-cayman-red:hover { color: var(--cayman-red) !important; }